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边框如何设置