css制作虚线边框
让我们一起来学习一下css如何设置虚线边框吧。
操作方法
- 01
新建hmtl代码页面。如图：
- 02
在html代码页面上找到body标签，然后在body标签中添加一个div标签，并为这个div添加样式，代码： <div class="dotted-line"></div> 如图：
- 03
添加样式属性。在title标签后新增一个style标签，在style标签里设置div的样式，样式代码： <style> .dotted-line{ height: 100px; width: 300px; border:2px dotted red; } </style> 如图：
- 04
保存好html代码后使用浏览器打开，就可以看到虚线边框了。如图：
- 05
所有代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>虚线边框</title> <style> .dotted-line{ height: 100px; width: 300px; border:2px dotted red; } </style> </head> <body> <div></div> </body> </html>
赞 (0)