在css中 ， 可以使用border-style属性设置边框的样式为双线 。 下面小编举例讲解css如何设置双线边框 。
文章插图
需要这些哦
php
代码编纂器：z studio 10.0
方式/
1【css如何设置双线边框】新建一个html文件 ， 定名为test.html ， 用于讲解css若何设置双线边框 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 用于测试 。
文章插图
3在test.html文件内 ， 给div标签添加一个class属性 ， 用于样式的设置 。
文章插图
4在css标签内 ， 经由过程class设置div标签的样式 ， 界说它的宽度为150px ， 高度为150px 。
文章插图
5在css标签内 ， 再将border-style属性设置为double ， 实现双线边框 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：11、利用div标签建立一个模块 ， 给div标签添加一个class属性 ， 用于样式的设置 。 2、在css标签内 ， 经由过程class设置div标签的样式 ， 界说它的宽度为150px ， 高度为150px 。 3、在css标签内 ， 再将border-style属性设置为double ， 实现双线边框 。 4、在浏览器打开test.html文件 ， 查看实现的结果 。
以上内容就是css如何设置双线边框的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- php如何判断字符串是否全是英文
- php如何将数组中的时间戳转换为日期输出
- css如何实现点状边框线
- 如何查询自己是否被录取
- 学而思网校如何开启系统服务消息通知
- wps演示中如何制作树叶型封面
- wpsppt中如何制作平行四边形拼接型目录
- wps演示中如何制作交错型蜂窝目录
- wpsppt中如何制作橙黑几何风封面
- wpsppt中如何制作阶梯型时间轴