Home >Web Front-end >Front-end Q&A >How to set css not to display the bottom border
How to set the bottom border not to be displayed in css: first create an HTML sample file; then create the p tag content in the body; finally, set the attribute "border-bottom:none;" to not display the bottom border.
The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.
The border of an element is one or more lines surrounding the element's content and padding. The CSS border property allows you to specify the style, width, and color of an element's border.
We can set the bottom border not to be displayed by setting the border-bottom attribute to none.
Example:
<html>
<head>
<style type="text/css">
p
{
border-style:solid;
border-bottom:none;
}
</style>
</head>
<body>
<p>设置下边框不显示</p>
</body>
</html>Running result:
Style is the most important aspect of the border. This is not because the style controls the border. Display (of course the style does control the display of the border), but because without the style there would be no border at all.
The border-style attribute is used to set the style of all borders of an element, or to set the border style for each side individually.
The border may appear only when this value is not none.
Example 1
border-style:dotted solid double dashed;
The upper border is dotted
The right border is a solid line
The lower border is a double line
The left border It is a dotted line
Example 2
border-style:dotted solid double;
The upper border is dotted
The right border and left border are solid lines
The lower border is a double line
Example 3
border-style:dotted solid;
The upper and lower borders are dotted
The right and left borders are solid lines
Example 4
border-style:dotted;
All The four borders are all dotted
Recommended learning: "css video tutorial"
The above is the detailed content of How to set css not to display the bottom border. For more information, please follow other related articles on the PHP Chinese website!