ホームページ  >  記事  >  ウェブフロントエンド  >  実線の枠と赤いボックスを含む新しいボックスを作成する方法

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

云罗郡主
云罗郡主転載
2018-11-14 16:09:303671ブラウズ

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

実線の境界線を持つ新しい赤いボックス、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>

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

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

上記は、実線の枠線と赤いボックスを持つ新しいボックスを作成する方法の完全な紹介です。CSS3 について詳しく知りたい場合は、こちらをご覧ください。チュートリアル、PHP中国語Webサイトに注意してください。


以上が実線の枠と赤いボックスを含む新しいボックスを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はdivcss5.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。