CSSの点線スタイルといえば、Webページのレイアウトで使用される確率が最も高いはずの枠線のベタですが、他にも点線や点線があるのはご存知ですか？点線？今日は点線を作成するための 2 つの属性メソッドを紹介します。
CSSの点線スタイルと言えば、Webページのレイアウトでソリッドを使用する確率が最も高いです。CSSの点線の効果を持たせたい場合は、ピクチャーを使用することもできます。 を背景として使用しますが、これは推奨されません。この点線の効果は、CSSの点線スタイルと点線の境界線になります。違う。
1.点線
<!Doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
<title>dotted虚线</title>
<style type="text/css">
*{
margin:100px;
padding:0;
}
body{
width:1000px;
margin:0 auto;
}
.box{
width:300px;height:50px;
text-align:center;
padding-top:30px;
border:1px dotted #000;
}
</style>
</head>
<body>
<div>大家好，我是dotted虚线！</div>
</body>
</html>2.点線
<!Doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
<title>dashed虚线</title>
<style type="text/css">
*{
margin:100px;
padding:0;
}
body{
width:1000px;
margin:0 auto;
}
.box{
width:300px;height:50px;
text-align:center;
padding-top:30px;
border:1px dashed #000;
}
</style>
</head>
<body>
<div>大家好，我是dashed虚线！</div>
</body>
</html>これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:
CSS3 で循環スタイルのパンくずリストを作成するコードの実装手順
以上がCSS点線スタイルの実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
