ホームページ > 記事 > ウェブフロントエンド > CSSのBorderプロパティsolid(実線)の使い方の紹介
Border (ボーダー) は、CSS のプロパティです。これを使用して、範囲を決定できる HTML タグ (TD、p など) の境界線を描画したり、テキストに境界線を追加したり、テキストに区切り線を追加したりできます。以下は例と同じです。興味のある方はぜひご覧ください。
Webページを作ったことがある人なら誰でも線の引き方に悩んだ経験があると思いますが、まずはCSSの属性である「TD」や「p」などの範囲を指定することができます。など) など) 境界線を描画します。この機能を使用すると、境界線の種類、幅、色を定義できます。以下では、例を通してその応用スキルを説明します。
1. テキストに境界線を追加します
上の例では、境界線の色と太さが可変であることを示すために、テキストにさまざまな境界線を追加しています。
最初の境界線の CSS コードは次のとおりです: style="max-width:90%";
「border」の後の 3 つのパラメーターの意味は次のとおりです。境界線の幅は次のとおりです。境界線:実線(実線)、境界線の色:赤(赤)。
境界線の幅には、細(細い線)、中(中程度の太い線)、太い(太い線)の 3 つの標準値があります。
さらに、幅は 1pt、5px、2cm などカスタマイズすることもできます。 、など。
境界線の種類には9つの明確な値があります: none (境界線なし)、dotted (点で構成される破線)、dashed (短い線で構成される破線)、solid (実線)、double (二重線、二重) line) 幅にその間の空白部分の幅を加えた幅は、border-width)、groove (3D 溝状ボーダー)、ridge (3D リッジ状ボーダー)、inset (3D インラインボーダー) で定義される幅と等しくなります。 、濃い色)、輪郭 (3D インライン境界線、明るい色)、
注: システムがこれらの境界線の属性値をサポートしていない場合は、「点線」、「破線」、「二重」、「溝」 "、"ridge"、"inset" と "outset" の両方が "solid" に置き換えられます。
境界線の色: #00ffcc などの 16 進数のカラーコードを使用できます。
上記の例からわかるように、テキストに枠線を追加するのは非常に簡単です。上記の例では、説明しなくても次の枠線の設定が理解できます。テキストに境界線を追加するには、CSS を
タグに追加します。複数のテキストに境界線を追加するには、まずそれらのテキストを p タグで囲みます。次に、CSS を
タグに追加します。テキスト行に複数の異なる境界線を追加する場合は、テキストを table に配置してから、CSS を
コードは次のとおりです:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>一列固定宽度——</title> <style type="text/css"> <!-- #layout { border: 2px solid #A9C9E2; background-color : #E8F5FE; height: 200px; width: 300px; } --> </style> </head> <body> <p id="layout">hfhfg</p> </body> </html>
以上がCSSのBorderプロパティsolid(実線)の使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。