介绍
这篇文章将为大家详细讲解有关html5边框如何设置,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
html5边框设置的方法:首先创建一个HTML示例文件,然后创建一个div,代码如“& lt; div id=a> & lt;/div>”;最后通过边境属性设置边框样式即可。引用>本文操作环境:windows7多系统,HTML5&和CSS3版,戴尔G3电脑。
<强> html5边框的设置(边境)强>
边框的样式:
固体实线虚线点线冲虚线双双线嵌入三维立体效果
边框有3个元素,用法是border-top: 10 px实红;
border-top:上边 边界底部:下边 border-left:左边 边境:右边例子:
CSS画出一个三角形,
CSS2引入了边框颜色值透明。这个值用于创建有宽度的不可见边框。请看下面的例子:
& lt; ! doctype html> & lt; html> ,& lt; head> & lt;才能meta charset=癠TF-8"比; & lt;才能title>透明边框& lt;/title> & lt;才能style> 身体才能{ 背景:才能# 333300; ,, ,,} ,,,,# { ,,,,宽度:0 px; 高度:0 px; border-top: 30 px solid 红色; 边界底部:30 px solid 透明; border-left: 30 px solid 透明; 边境:30 px solid 透明; , } & lt;才能/style> ,& lt;/head> ,& lt; body> & lt;才能div id=a> & lt;/div> ,& lt;/body> & lt;/html>设置透明边框的好处是如果页面背景不是白色的话,设置了透明边框后,边框就看不到,普通方法让边框颜色设置为白色,如果背景不是白色而是其他颜色的话,就能看出露出一块白色的地方。
关于“html5边框如何设置”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。
html5边框如何设置