div怎么设置边框_教程

1、新建一个HTML页面

2、在HTML的<body>中写上<div>标签，打开浏览器会有对应的效果图

3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式，可以统一设置边框样式

4、也可以分别设置边框样式

DIV简介：

一，什么是div？

二，div样式设置

top,left可以理解成是x，y坐标，然后再把position作为参照物进行定位，没有position，top，left参数设置会失效。

三，DIV溢出处理效果

overflow属性设置

1，visible：默认值。内容不会被修剪，会呈现在元素框之外

2，hidden：超出的部分被隐藏

3，scroll：无论是否需要，都显示滚动条

4，auto：按需显示滚动条以便查看其余的内容（超出就显示，不超出就不显示）

四，css轮廓：

outline

作用：绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用

属性：dashed（虚线轮廓）dotted（点状轮廓），solid（实线），double（双线），none等

五，css边框：

border-left，border-right，border-top，border-bottom

作用：设置div边框的边线宽度，颜色，虚线，实线等样式

属性：

solid（实线），none（无边框），double（双线边框）等

示例：border-bottom: solid；设置下边框为实线

欢迎分享，转载请注明来源：内存溢出

div怎么设置边框