2、设置div的样式，这里给div300px的宽度。用border-bottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果：
3、继续对边框美化，用box-shadow属性加入阴影效果，4个数值分别为垂直阴影，水平阴影，阴影尺寸，阴影颜色；设置阴影圆角为4em，最后按下crtl+s保存，在左边的浏览器就可以看见边框新的效果了：
@ css边框线怎么变细？
1.打开编辑器，在编辑器里新建test.html，用来学习今天的内容
2.在body区域，新建一个class为study的div
3.在style标签内,给study设置宽300px，高200px,粗细为1px的黑色边框
4.在浏览器中打开test.html，可以看到一个黑色边框的长方形
5.回到编辑器，在style标签内，将study的border属性后面的1px改成3px
6.再次在浏览器中打开test.html，会发现页面里长方形的边框变粗了。
@ 网页中css如何实现点划线？
1、可以用CSS中的边框实现，border是设置边框的属性，有一个属性dotted就是点划线。具体的设置方法，首先新建一个html文件，在文件内写入一个div标签，给它一个class属性demo：
2、设置demo的class样式，这里给demo一个宽度，表示点划线的长度，高度设为0，然后设置border-bottom的属性的边框样式为dashed点划线，宽度为5px，颜色为黑色，这样就设置好了：
3、打来浏览器，可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程：
@ html中怎么移动边框大小？
利用js函数在鼠标拖动事件中改写css宽度、高度值；也可利用css3动画实现。供参考！
