CSS点線スタイルの実装方法-CSSチュートリアル-php.cn

CSS点線スタイルの実装方法

php中世界最好的语言

リリース： 2017-12-01 11:43:12

オリジナル

3052 人が閲覧しました

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 サイトの他の関連記事に注目してください。