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

Most people do not understand the knowledge points of this article "css how to add dotted entity wireframe style", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "css how to add dotted entity wireframe style" article.

First, using elements and css style

1. Html tag:

Div

2. Css border pattern attribute:

Border

3. Set one-sided border:

Border-left-left border

Border-right-right border

Border-top-the top border

Border-bottom-bottom border

4. Configure the border thickness

Border-width:2px-the width of the border thickness is 2px

Border:2px-- abbreviation-- the border thickness width is 2px

Border-bottom-width:4px-set the width of the lower border to 4px

5. Set the frame line technique and the commonly used frame border abbreviation code

Border-bottom:1px solid # F00

Set the 1px solid red border on the bottom border of the object.

Border:2px dashed # F00

Configure border (4 sides) red 2px width (thickness) dashed border styl

Frame configuration pattern code decomposition diagram

II. Html div frame configuration

The above introduces the border border code and painstaking, in the future in the html construction of specific div to add border attribute style to div.

It is possible to set a border for div through class, or generally use the id resolver to set a solid or dashed border.

Html div with border example code:

Div + Border name configuration .abc {border:1px solid # F00; width:300px} # efg {border:2px dashed # 06F / widthwidth:300px 300px} .aa {border-left:3px solid # 090th widthwidth:300px 300px} use class to set up equipment for div with red solid line border with class only for div left set equipment install 3px entity line green border (left border) use id to configure 2px width blue dotted line border

Use the class and id selector to add the same border style to the three div settings.

Screenshots of inspection results

Html instance uses div to configure dashed line + solid line efficiency diagram

Admittedly, if you do not want to use class and id to configure the necessary border tricks for div, you can also use style in the html code to set the equipment border name directly in the line.

Use style directly to set up div equipment with black dotted border above is about "css how to add dotted entity wireframe style" the content of this article, I believe we all have a certain understanding, I hope the content shared by the editor will be helpful to you, if you want to know more related 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.