css中设置border的属性值为()时,显示虚线

1、打开html开发工具，新建一个html代码页面，然后创建一个

标签，并给这个标签添加文字和一个class为了dashed。创建

代码:

dashed: 定义一个虚线边框

2、设置虚线边框。创建

标签，然后在这个标签里设置dashed类的样式为虚线边框。css样式代码：<style type="text/css">.dashed{border-style:dashedborder-width:1px

3、保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。

.fileline a{

/* height: 28px*/

line-height: 30px

display:block

width:50%

border-bottom-color: rgb(204,204,204)

border-bottom-width: 1px

border-bottom-style: solid

background-color: rgb(255,255,255)

}

把样式写给<a>，这样，调整width的值就可以了，设置成百分比或者px都可以。如果超链接本身就有样式的话，那么就把div的border去掉，给<a>标签写就行。

扩展资料：

border的属性：

1、border:1px solid #000可同时设置上右下左的边框的样式宽度及颜色。

2、border-style:solid设置上右下左边框的样式。

3、border-width:1px 2px 3px 4px设置上右下左边框的宽度。

4、border-color:#000设置上右下左边框的颜色。

5、border-top:1px solid #000设置上边框的样式宽度及颜色。

6、border-right:1px solid #000设置右边框的样式宽度及颜色。

7、border-bottom:1px solid #000设置下边框的样式宽度及颜色。

8、border-left:1px solid #000设置左边框的样式宽度及颜色。

---