実線の枠と赤いボックスを含む新しいボックスを作成する方法-CSSチュートリアル-php.cn

実線の枠と赤いボックスを含む新しいボックスを作成する方法

云罗郡主

リリース： 2018-11-14 16:18:55

転載

3685 人が閲覧しました

この記事の内容は、実線の枠と赤いボックスを作成する方法についてです。必要な友人が参考になれば幸いです。役に立ちます。

実線の境界線を持つ新しい赤いボックス、DIV CSS インスタンスを作成し、エディターソフトウェアを使用して新しい赤い境界線オブジェクトインスタンスを作成します。 [推奨読書: CSS テーブルに境界線スタイルを追加するにはどうすればよいですか? CSS テーブルの境界線スタイルの概要 (完全な例付き )]

効果を確認するには、ボックスの CSS 高さと CSS 幅のスタイルを設定します。赤い CSS 境界線スタイルを割り当てます。同時に、互換性のために、このインスタンスの作成には引き続き DW ソフトウェアが使用されます。

インスタンスの説明では、このインスタンスに css ".php1" という名前を付け、html でクラス参照を使用します。 CSS の幅は 380px、CSS の高さは 200px、枠線の幅が 2px の実線の枠線があります。

ボーダーの基本構文:

ボーダー: border CSS ボーダーのチュートリアルを入力してください

完全な HTML コードの例は次のとおりです:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>新建边框实例</title> 
<style> 
.php1{ width:380px; height:200px; border:2px solid #F00} 
</style> 
</head> 
<body> 
<div class="php1">我宽度为380px 高度200px 边框2px红色</div> 
</body> 
</html>

ログイン後にコピー

プレビューは次のとおりです。

実線の枠と赤いボックスを含む新しいボックスを作成する方法