Home >Web Front-end >CSS Tutorial >How to use border attribute
How to use border attribute
- 青灯夜游Original
- 2019-02-01 13:15:5019918browse
How to use the border attribute: First create an HTML sample file; then enter the p tag in the body; finally set the border style by setting "border:2px solid red;" to the p element.
The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.
The border property is an abbreviation property of CSS and is used to set all border properties. The border properties that can be set include: border width, border style, and border color.
CSS border property
Function: Set all border properties in one statement.
Description: The following attributes can be set in order: border-width, border-style, border-color. If you do not set one of the values, there will be no problem. For example, border:solid #ff0000; is also allowed.
Note: IE7 and earlier browsers do not support the value "inherit". IE8 requires !DOCTYPE. IE9 supports "inherit".
Example of using CSS border attribute
<html>
<head>
<style type="text/css">
p
{
width: 450px;
margin: 50px 0px;
}
.p1
{
border: medium double rgb(250,0,255)
}
.p2
{
border:2px solid red;
}
.p3
{
border:2px dotted rgb(250,0,255);
}
</style>
</head>
<body>
<p class="p1">Some text</p>
<p class="p2">Some text</p>
<p class="p3">Some text</p>
</body>
</html>Rendering:
That’s it for this article The entire content of the article is hoped to be helpful to everyone's study. For more exciting content, you can pay attention to the relevant tutorial columns of the PHP Chinese website! ! !
The above is the detailed content of How to use border attribute. For more information, please follow other related articles on the PHP Chinese website!