网页设计中的边框代码

1、打开html开发工具，新建一个html代码页面。html中创建一个div标签，给这个标签添加文字和一个class为了后面方便控制div的样式：

2、接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色：

3、保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。以上就是网页设计中设置边框的详细步骤：

div边框

<div style="border:1px dashed #666"></div>

分割线

<hr style="border:1px dashed #666">

border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。

以缩写方式写上、下、左、右边框单独CSS样式设置方法

1、1px黑色虚线上边框

border-top:1px

dashed

#000

2、1px黑色实线下边框

border-bottom:1px

solid

#000

3、1px黑色虚线左边框

border-left:1px

dashed

#000

4、1px黑色实线右边框

border-right:1px

solid

#000

通常使用主流浏览器兼容边框样式有：

1、实线边框：solid

Border:1px

solid

#000

设置对象1px（像素）宽厚的黑色实线边框。

2、虚线边框：dashed

Border:1px

dashed

#000

设置对象1px（像素）宽厚的黑色虚线边框。

---