叹丶流年
2016-11-03 21:31
表单中的输入框如何让它的边框设置为虚线
用css,
<style type="text/css">
form{border-style=dashed;}
</style>
border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是虚线)
border:1px dashed #F00 这个就是设置边框样式宽度为1px,虚线,虚线为红色。
比如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html边框虚线演示.</title>
<style>
.bor{border:1px dashed #F00;width:300px;height:60px;margin-top:10px}
span{display:block} /*css注释说明:让span形成块*/
</style>
</head>
<body>
<p class="bor">p盒子</p>
<span class="bor">span盒子</span>
<ul class="bor">
<li>ul li列表</li>
<li>ul li列表</li>
</ul>
<table class="bor">
<tr> <td>表格</td> <td>表格2</td> </tr>
<tr> <td>数据</td> <td>数据2</td> </tr>
</table>
</body>
</html>
css
css
CSS
初识HTML(5)+CSS(3)-升级版
1225808 学习 · 18234 问题
相似问题