当前第2页 返回上一页
4. 虚线边框：
1 2 3 4 5 6 7 | <DIV style="BORDER-RIGHT: 2px dashed #000000;
BORDER-TOP: 2px dashed #000000;
BACKGROUND: #ffffff;
BORDER-LEFT: 2px dashed #000000;
WIDTH: 100%;
BORDER-BOTTOM: 2px dashed #000000;
HEIGHT: 100%" align=left>日志文字</DIV>
|
透明背景虚线边框代码：
1 2 3 4 5 6 7 | <DIV style="BORDER-RIGHT: 2px dashed #000000;
BORDER-TOP: 2px dashed #000000;
BACKGROUND: transpant;
BORDER-LEFT: 2px dashed #000000;
WIDTH: 100%;
BORDER-BOTTOM: 2px dashed #000000;
HEIGHT: 100%" align=left>日志文字</DIV>
|
5. 沟线立体效果边框
1 2 3 4 5 6 | <DIV style="BORDER-RIGHT: 7px groove;
BORDER-TOP: 7px groove;
BACKGROUND: transprant;
BORDER-LEFT: 7px groove;
WIDTH: 100%; BORDER-BOTTOM: 7px groove;
HEIGHT: 100%" align=left>日志文字</DIV>
|
个人认为这个边框的背景色最好用透明，而且边框的粗细值不能太小，否则效果不明显
6. 脊线立体效果边框
1 2 3 4 5 6 | <DIV style="BORDER-RIGHT: 7px ridge;
BORDER-TOP: 7px ridge; BACKGROUND: #ffffff;
BORDER-LEFT: 7px ridge;
WIDTH: 100%;
BORDER-BOTTOM: 7px ridge;
HEIGHT: 100%" align=left>日志文字</DIV>
|
以上就是bootstrap如何设置div边框的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
bootstrap怎么快速入门
bootstrap如何设置页面回到顶端悬停提示
bootstrap字体图标怎么引用
bootstrap开头的那些文件怎么引入的
bootstrap框架是什么
浅谈bootstrap中如何上传图片
bootstrap4.5栅格系统的任意列问题怎么解决？
bootstrap icon 不显示怎么办
浅谈bootstrap响应式图片的实现方法
html超链接字体颜色怎么改？超链接字体颜色的更改方法总结
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » bootstrap如何设置div边框
