当前第2页 返回上一页
CSS2 引入了边框颜色值 transparent。这个值用于创建有宽度的不可见边框。请看下面的例子：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>透明边框</title>
<style>
body{
background:#333300;
}
#a{
width:0px;
height:0px;
border-top:30px solid red;
border-bottom:30px solid transparent;
border-left:30px solid transparent;
border-right:30px solid transparent;
}
</style>
</head>
<body>
<div id=a></div>
</body>
</html>
|
设置透明边框的好处是如果页面背景不是白色的话，设置了透明边框后，边框就看不到，普通方法让边框颜色设置为白色，如果背景不是白色而是其他颜色的话，就能看出露出一块白色的地方。
【推荐学习：HTML视频教程】
以上就是html5 边框怎么设置的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
HTML5 canvas实现文本对齐的代码总结
利用图片预加载组件提升HTML5移动页面的用户体验
HTML5第一人称射击游戏实现的代码分享
HTML5中关于音频与视频监听器应用的示例详解
在h5页面中怎样调用app
h5中的定位
HTML5 高级教程--拖放 api 实现拖放排序
什么是html语义化？html语义化的好处（总结）
页面性能优化的方法总结
用h5实现手机摇一摇的实例详解
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html5 边框怎么设置
