Dreamweaver CS6如何应用:[36]CSS边框属性
1、•边框样式属性border-style的功能是设置页面边框的显示样式。是一个不可继承的属性,其具体语法格式如下:border-style:属性值border-style属性值具体说明如下表:
![Dreamweaver CS6如何应用:[36]CSS边框属性](https://exp-picture.cdn.bcebos.com/a99a494afa32939c02a08c015719ce2c5a1b15ee.jpg)
2、具体操作如下:新建一个HTML空白页
3、新建四个CSS规则,分别命名为aaa,bbb,ccc,ddd,在弹出的‘CSS规则定义’对话框中分别滤鲇魍童设置方框的宽和高都是200像素,边框的宽度2像素,颜色分别为红、黄、蓝、黑,边框STYLE分别设置为dottde(点线)、solid(实线)、dashed(虚线)、double(双线)
![Dreamweaver CS6如何应用:[36]CSS边框属性](https://exp-picture.cdn.bcebos.com/a1780d1fceecd3d95022a17767995943050108ee.jpg)
4、插入四个DIV标签,类分别选择aaa/bbb/ccc/ddd
![Dreamweaver CS6如何应用:[36]CSS边框属性](https://exp-picture.cdn.bcebos.com/49bf00425d6b04d10b7ec93bb213e8e5edee01ee.jpg)
5、可以看到dottde(点线)效果如下:
![Dreamweaver CS6如何应用:[36]CSS边框属性](https://exp-picture.cdn.bcebos.com/486884883913e8e5aab9fe0f352f477047187dee.jpg)
6、solid(实线)效果如下:
![Dreamweaver CS6如何应用:[36]CSS边框属性](https://exp-picture.cdn.bcebos.com/bf6e59704618dfdaa86c683589214f57925677ee.jpg)
7、dashed(虚线)效果如下:
![Dreamweaver CS6如何应用:[36]CSS边框属性](https://exp-picture.cdn.bcebos.com/f9617afb960b312153365710dee983aee9d76dee.jpg)
8、double(双线)效果如下:
![Dreamweaver CS6如何应用:[36]CSS边框属性](https://exp-picture.cdn.bcebos.com/e996472ae3efe0784a668c05b96c576698cf65ee.jpg)
9、以上就是CSS边框属性中的样式属性和颜色属性