Dreamweaver CS6如何应用:[36]CSS边框属性

 时间:2026-04-23 00:46:06

1、•边框样式属性border-style的功能是设置页面边框的显示样式。是一个不可继承的属性,其具体语法格式如下:

border-style:属性值

border-style属性值具体说明如下表:

Dreamweaver CS6如何应用:[36]CSS边框属性

2、具体操作如下:

新建一个HTML空白页

3、新建四个CSS规则,分别命名为aaa,bbb,ccc,ddd,在弹出的‘CSS规则定义’对话框中分别设置方框的宽和高都是200像素,边框的宽度2像素,颜色分别为红、黄、蓝、黑,边框STYLE分别设置为dottde(点线)、solid(实线)、dashed(虚线)、double(双线)

Dreamweaver CS6如何应用:[36]CSS边框属性

4、插入四个DIV标签,类分别选择aaa/bbb/ccc/ddd

Dreamweaver CS6如何应用:[36]CSS边框属性

5、可以看到dottde(点线)效果如下:

Dreamweaver CS6如何应用:[36]CSS边框属性

6、solid(实线)效果如下:

Dreamweaver CS6如何应用:[36]CSS边框属性

7、dashed(虚线)效果如下:

Dreamweaver CS6如何应用:[36]CSS边框属性

8、double(双线)效果如下:

Dreamweaver CS6如何应用:[36]CSS边框属性

9、以上就是CSS边框属性中的样式属性和颜色属性

  • Animate如何使用画笔工具
  • animate实例讲解1-6简单蝴蝶绘制动画视频教程
  • 网页设计技巧:[1]制作鼠标经过效果
  • Animate如何设置字符的对齐方式
  • Animate如何删除图片背景色
  • 热门搜索
    瘦肚子的最快方法运动 洛克王国宠物大全 大肚子怎么减 香港赛马选免费资料大全 牛百叶怎么做好吃 怎么打印双面 米线的家常做法 祛疤痕最有效方法 宝宝感冒咳嗽流鼻涕怎么办 钓鱼技巧大全