Home > Article > Web Front-end > How to set html5 borders
How to set the html5 border: First create an HTML sample file; then create a div with a code such as "3c395d7febb2ac971833ed5ea4c77c4f16b28748ea4df4d9c2150843fecfba68"; finally set the border style through the border attribute.
The operating environment of this article: windows7 system, HTML5&&CSS3 version, Dell G3 computer.
HTML5 border settings (border)
Border style:
solid solid line dotted dotted line dashed dotted line double double line inset three-dimensional effect
The border has 3 elements, the usage is border-top:10px soild red;
border-top:上边 border-bottom:下边 border-left:左边 border-right:右边
Example:
CSS draws a triangle,
CSS2 Introduced border color value transparent. This value is used to create an invisible border with width. Please look at the following example:
<!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>The advantage of setting a transparent border is that if the background of the page is not white, after setting the transparent border, the border will not be visible. The normal method is to set the border color to white. If the background is not If it is white but another color, you can see a white area exposed.
[Recommended learning: HTML video tutorial]
The above is the detailed content of How to set html5 borders. For more information, please follow other related articles on the PHP Chinese website!