2、在css标签内，通过class定义div的样式，设置其宽度为300px，高度为200px，边框为1px宽的红色边框。
3、在css标签内，再通过border-top-width属性设置div的上边框宽度为10px。4、在浏览器打开test.html文件，查看实现的效果。
bootstrap怎么把边框线改为虚线？
首先要知道在css中大家是使用border属性来设置边框的，它可以通过设置边框的宽度、颜色、圆角度、样式（实线、虚线、双线等等）。下面大家通过简单的代码示例来具体看看css的border边框属性是怎么设置边框虚线的。html代码：
<divclass="demo">
htmlwidth是border吗？
html的with不是border，border是元素的边框属性，width是元素的长度，是不同的概念。
css中边框border？
复合属性（即理解为：可以使用多个属性去设置上边框）。复合是指一次使用多种样式定义边框可以使用border-top、border-right、border-bottom、border-left分别定义四条边框的所有属性，属性值是样式、宽度和颜色，其中宽度和颜色可以省略，样式不能省略，还可以直接使用border属性，一次性对四条边框同时设置，属性值同样是样式、宽度和颜色，其中宽度和颜色可以省略，样式不能省略。
例如：.box { border-style :solid ;}.box1{ border-width :5px ;}.box2{ border-color :red ;}.box3{ border-top :1px dashed #00ff00 ;}.box4{ border :1px dotted #0000ff ;}
