如何利用HTML5和CSS3设置四边边框border边界线

html-css013

如何利用HTML5和CSS3设置四边边框border边界线,第1张

直接用css属性值设置边线:border即可,还可以单独设置border-left,right,bottom,top。

用ccs3中的盒阴影设置,是一种固定写法: box-shadow:1px 1px red,inset 1px 1px red.

1、可以用CSS中的边框实现,border是设置边框的属性,有一个属性dotted就是点划线。具体的设置方法,首先新建一个html文件,在文件内写入一个div标签,给它一个class属性demo:

2、设置demo的class样式,这里给demo一个宽度,表示点划线的长度,高度设为0,然后设置border-bottom的属性的边框样式为dashed点划线,宽度为5px,颜色为黑色,这样就设置好了:

3、打来浏览器,可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程: