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

Most people don't understand the knowledge points of this article "How to set div three border colors in CSS", so Xiaobian summarizes the following contents for everyone. The contents are detailed, the steps are clear, and they have certain reference value. I hope everyone can gain something after reading this article. Let's take a look at this article "How to set div three border colors in CSS".

1, div's three-sided border tone example CSS code

.exps{ width:200px; border:2px solid #F00; border-left:0}

Configuration first set the equipment div border (4 sides) color color to red 2px width, and then set border-left (left box) to 0, how to configure only 3 side border color. It is necessary to look at the French code, because the reader terminal reads CSS from left to right, when the browser reads border: 2px solid #F00;, the four edges have 2px solid border color, and then reads border-left:0 This time, the browser will cover the right border as 0, equivalent to using the reader to read the original to complete the three-sided border color configuration.

2. Example HTML code

The border on my right is not colored, and the other three sides are colored.

3. Screenshots of achievements

The above is the content of this article about "how to set div three border colors in CSS". I believe everyone has a certain understanding. I hope the content shared by Xiaobian will be helpful to everyone. If you want to know more relevant knowledge content, please pay attention to 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.