CSS的虚线样式

2019-09-13 郑州网站建设  

讲到css虚线样式,需要会想到bordersolid,网页布局中solid用的概率最高了,要有css虚线的效果还可以用图片做背景,但是不推荐,尽量使用css虚线样式做这个虚线的效果,那么css虚线样式就是border中的dotteddashed,这两种都是css虚线,但是他们是有区别的。

1.dotted虚线

<!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 class="box">大家好,我是dotted虚线!</div>

</body>

</html>

2.dashed虚线

<!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 class="box">大家好,我是dashed虚线!</div>


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/2070.html转载请标明出处,谢谢合作!
标签:
  • css
  • 线
  • 应该
  • 样式
  • 想到