html5边框如何设置

这篇文章将为大家详细讲解有关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边框如何设置