如何使用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连接数据库教程
  • 热门搜索
    国庆节英语怎么说 狼人怎么玩 上海杉达学院怎么样 答辩ppt怎么做 头痛是怎么回事 怎么向男生表白 红烧猪蹄怎么做好吃 青霉素过敏怎么办 怎么分区 扫描仪怎么用