Shulou(Shulou.com)06/02 Report--

This article mainly introduces the css paragraph border how to set the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that everyone after reading this css paragraph border how to set the article will have a harvest, let's take a look.

Css sets the border of the paragraph: 1, set the border attribute to the p element to add the upper and lower left and right borders to the paragraph at the same time; 2, set the border-top, border-bottom, border-left and border-right attributes to the p element to add the upper and lower left and right borders to the paragraph respectively.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Css sets the paragraph border

1. Use the border attribute

P {padding: 10px; border: 1px solid red;}

Test element

2. Use border-top, border-bottom, border-left and border-right attributes respectively

Border-top shorthand property, which is used to set all the properties of the upper border into a declaration.

Border-bottom shorthand property, which is used to set all the properties of the following border into a declaration.

Border-left shorthand attribute, which is used to set all the properties of the left border into a declaration.

Border-right shorthand attribute, which is used to set all the properties of the right border into a declaration.

P {padding: 10px; border-top: 2px solid red; border-bottom: 2px solid paleturquoise; border-left: 2px solid green; border-right: 2px solid blue;}

Test element

This is the end of the article on "how to set the paragraph border in css". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to set the paragraph border in css". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.