HTMLに点線の境界線を設定する方法

著者：Eve Cole 更新時間：2025-05-15 03:16:01

CSSスタイルとHTMLタグ要素を使用します

さまざまなHTMLタグに境界点線の線を追加するために、いくつかの一般的なラベルアライメントを選択して、境界線ドットライン効果を設定します。

1.一般的なHTMLタグ

Pタグ

スパン

ウルリー

テーブルTD

2。CSS属性ワードは例で使用されます

国境

幅

身長

3。点線を実装する重要なポイントの紹介

国境は国境属性です。オブジェクトの境界効果を達成したい場合は、境界幅、境界線、境界スタイル（固体または点線）を設定する必要があります。

ボーダー：1pxダッシュ＃f00これは、ボーダースタイルの幅を1px、点線、点線を赤に設定するためです。

4。例の説明

上記のラベルに同じ幅、同じ高さ、境界効果を設定します。

5。HTMLコードを完了する：

 <！doctypehtml> <html>
 <head> <Metacharset = utf-8/>
 <Title> HTML Border Dotted Lineデモwww.pcss5.com </title> <style>
 .bor {border：1pxdashed＃f00; width：300px; height：60px; margin-top：10px} span {display：block}/*cssコメント説明：spanをblock*/form form a block*/
 </style> </head>
 <body> <pclass = bor> pbox </p>
 <spanclass = bor> span box </span> <ulclass = bor>
 <li> ulliリスト</li> <li> ulliリスト</li>
 </ul> <tableclass = bor>
 <tr> <td> form </td>
 <td>表2 </td> </tr>
 <tr> <td>データ</td>
 <td>データ2 </td> </tr>
 </table> </body>
 </html>

上記の例では、同じ境界線の点線を含むHTMLで異なるタグに対して同じスタイルを設定します。

6。ブラウザ効果スクリーンショット

HTMLセットの境界線と点線の線の異なるタグの点線の効果のスクリーンショット