如何使用CSS3样式属性设置多种边框并展示出来

 时间:2024-10-14 03:16:21

1、第一步,双击打开HBuilder编辑工具,新建静态页面border.html,如下图所示:

如何使用CSS3样式属性设置多种边框并展示出来

2、第二步,在<body></body>元素内插入六个div元素,然后给这六个div一个id属性,如下图所示:

如何使用CSS3样式属性设置多种边框并展示出来

3、第三步,在设置样式标签内设置div宽度和高度都为100px,注意这里的标签,如下图所示:

如何使用CSS3样式属性设置多种边框并展示出来

4、第四步,保存静态页面,发现虽然可以展示对应的数字,但是没有体现高度和宽度,如下图所示:

如何使用CSS3样式属性设置多种边框并展示出来

5、第五步,结果发现样式标签使用错误,将其改为style;然后分别设置div的边框,如下图所示:

如何使用CSS3样式属性设置多种边框并展示出来

6、第六步,分别设置六个div标签的边框,依次为solid、dotted、inset、outset、ridge和double,如下图所示:

如何使用CSS3样式属性设置多种边框并展示出来
  • css字体居中怎么设置
  • 对表的字段设置主键的sql
  • VC 2010学习版怎么能设置执行完不退出DOS窗口
  • 大同到哈尔滨的飞机票怎么买呢?
  • php连接数据库教程
  • 热门搜索
    金银花的功效与作用 葛根茶的作用与功效 土霉素的功效与作用 青霉素的作用 隔离霜有什么作用 共轭亚油酸的作用 齿轮的作用 激素的作用 固化剂的作用 花椒泡脚的功效与作用