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

In this article Xiaobian for you to introduce in detail "html how to set div frame style css layout", the content is detailed, the steps are clear, the details are handled properly, I hope this "html how to set div frame style css layout" article can help you solve your doubts, the following follow the editor's ideas slowly in-depth, together to learn new knowledge.

Div sets the CSS style used in the border pattern as the border attribute border.

Div dotted line and finished frame style diagram

First, decide to be compatible with border lines.

The border frame is compatible with the line patterns of major browsers:

1. Dotted line dashed

2. Solid line solid

In addition, the compatibility of border line format readers may not be different.

2. Div sets the dashed border

1. Set the dashed border on the four sides of div

1). Link css code: border:2px dashed # F00

2), incomplete html css code

Div is equipped with blood dotted border instance css5.com.cn.div-x {width:300px; height:60px;border:2px dashed # F00} div all four sides are equipped with equipment dotted border

3). Screenshot of the effect

Set the four sides of the equipment div to be dotted borders

2. Set the upper, lower, left and right color dashed borders of div separately.

Div unilaterally sets dashed border instance css5.com.cn.div-dan {width:300px;height:60px;border-top:2px dashed # F00 bordershade dashed # 0F0 borderMutti bottomlu 2px dashed # 00F borderMut leftpurl 2px dashed # FF0} div configure dashed border alone

Set the color of the dashed border of the different edges of the equipment for div separately.

Above to div four sides separate configuration different border color mining.

3. Set up the equipment on the three sides of the div and set up a dotted border.

Div three-sided setting equipment installation dotted border instance css5.com.cn.div-dan {width:300px;height:60px;border:2px dashed # F00 bordermurbottom0} div three-sided configuration dotted border

Set up a dotted border for the equipment on the three sides of the div

Clarify:

First configure the four-edge dotted border (border:2px dashed # F00) ), and then independently configure the border that does not matter to set the frame to 0 (border-bottom:0), that is, it is easy to set the div three-sided border, it needs to be preferred that the border-bottom:0 is on the back of border:2px dashed # F00, because the browser reads CSS from left to right, the first reader reads the 4-frame pattern, and then reads the lower frame border-bottom without a frame, so there can be a three-frame structure.

Read this, the "html how to set div frame style css layout" article has been introduced, want to master the knowledge of this article also need to practice and use in order to understand, if you want to know more about the article, 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.