HTML5 境界線を設定する方法: 最初に HTML サンプル ファイルを作成し、次に「」などのコードを使用して div を作成し、最後に border 属性を使用して境界線スタイルを設定します。 。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
HTML5 ボーダー設定 (ボーダー)
ボーダースタイル:
実線 点線 点線 一点鎖線 二重二重線 インセット 立体感
ボーダーには 3 つの要素があり、使用法は border-top:10px soid red;
border-top:上边 border-bottom:下边 border-left:左边 border-right:右边
例:
CSS は三角形を描画します、
CSS2境界色の値透明が導入されました。この値は、幅のある非表示の境界線を作成するために使用されます。次の例を見てください:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>透明边框</title>
<style>
body{
background:#333300;
}
#a{
width:0px;
height:0px;
border-top:30px solid red;
border-bottom:30px solid transparent;
border-left:30px solid transparent;
border-right:30px solid transparent;
}
</style>
</head>
<body>
<div id=a></div>
</body>
</html>透明な境界線を設定する利点は、ページの背景が白でない場合、透明な境界線を設定した後、境界線が表示されなくなることです。通常の方法は次のとおりです。背景が白ではなく他の色の場合、白い部分が露出して見えます。
[推奨学習: HTML ビデオ チュートリアル ]
以上がHTML5の枠線を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
