ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTML5の枠線を設定する方法
HTML5の枠線を設定する方法
- 藏色散人オリジナル
- 2021-04-12 10:26:512646ブラウズ
HTML5 境界線を設定する方法: 最初に HTML サンプル ファイルを作成し、次に「3c395d7febb2ac971833ed5ea4c77c4f16b28748ea4df4d9c2150843fecfba68」などのコードを使用して 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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：htmlのブロック要素とは何ですか?次の記事：htmlのブロック要素とは何ですか?