HTML5の枠線を設定する方法-フロントエンドQ&A-php.cn

HTML5の枠線を設定する方法

藏色散人

リリース： 2021-04-12 10:27:15

オリジナル

2561 人が閲覧しました

HTML5 境界線を設定する方法: 最初に HTML サンプルファイルを作成し、次に「
」などのコードを使用して div を作成し、最後に border 属性を使用して境界線スタイルを設定します。。

HTML5の枠線を設定する方法

この記事の動作環境: 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 サイトの他の関連記事を参照してください。