checkerboard border

First, the principleCSS Box modelA box includes: Margin+border+padding+content. A smooth diagonal line appears at the junction of the top and bottom borders. Using this feature, by setting different upper and lower left and right border width or color can get small triangle, small trapezoid and so on. Adjust the width size to adjust the triangle shape.Example 1:In general, we set the width of the box and th

1. Achieve trapezoidUsing the border we can get the trapezoid, first we give a div to add a border, when the border is set four different colors, we can get such a style, we can see here the upper border is a trapezoid, then if we give other borders to set the color for transparent (transparent), You can get a trapezoi

This time for everyone to bring CSS style border-image use in detail, the use of CSS style border-image considerations, the following is the actual case, together to see. Border-image-source property sets the path of the picture for the border [none | p { border:20px sol

How do I add a border style to a div? It's easy to add a border style to the Div box simply by using the border plate style. One, dashed line and solid border-TOP Border Dash style: dashedBorder Implementation style: solid border

Border-radiusBasic Syntax:　　Border-radius:none | Range of Values:If you specify only one value in the Border-radius property, 4 rounded corners are Generated.however, If you want to specify one by one on four corners, you can use the following rules: four values: The first value is the Upper-left corner, the second value is the Upper-right corner, the th

Learning Essentials:1. Preliminary Study of attributes2. Attribute Interpretation3. Abbreviations and versionsKeynote Teacher: Li TinghuiThis chapter mainly discusses the effect of the background of the border picture in CSS3 in HTML5, and makes the border more colorful by this new property.A Attribute interpretationCSS3 provides a new set of properties that can be used to embed a

10px 5px Orange, 40px 35px 5px skyblue, 70px 60px 5px Greenyellow;}width [length | percenta | auto]Height [length | percenta | auto]Margin margin [length | percenta | auto]padding inner margin [length | percenta]Margin/padding-top Setting the top marginMargin/padding-bottom Setting the bottom marginMargin/padding-left Setting the left marginMargin/padding-right Setting the right marginAbbreviation:Margin/padding: Top margin right margin bottom margin left marginMargin/padding: Bottom margin and

This article details the border-image properties of CSS Styles Border-image-source property sets the path of the picture for the border [none | p { border:20px solid #000; Border-image-source:url (border.png);} Border-image-s

23rd Chapter CSS Border Picture effectFirst, attribute interpretationyou can embed a border in the form of a picture with several attributes. 1,border-image-source: Introduce the background image address2,border-image-slice: cutting into the background image3,border-image-wi

frontpage| a shared border is the area on the site where one or more pages are shared. A shared border may be an area at the top of a page (similar to a page header), bottom (similar to a page footer), to the left, or to the right. Shared borders are the fastest, most flexible, and easiest way to create a Web page with a consistent look. Using a shared border, yo

Regardless of the CSS version, for CSS to make rounded corners, presumably everyone will not be unfamiliar, but before the arrival of CSS3, in order to make rounded corner is a very troublesome thing, remember once a method is to make 4 empty tags and set the rounded background, and finally positioned to the corresponding position, there is a way to do not need pictures, Adding a block-level element with more than one pixel and then setting the rounded corners at different widths or heights is m

Border-image-source Property sets the path of the picture for the border [none | p { border:20px solid #000; Border-image-source:url (border.png);} Border-image-slice Property picture Border Inward offset [ p {

The Border attribute has been defined in CSS1, which allows you to set the border style of an element, including the border style, thickness, and color, using the following three values:Border-width//thickness Border-color//color Border-style//StyleIn practical use we often

Border Style:1. Border-widthBorder Width:border-width:5px; ｝/*border-top-width Setting the top border width Border-bottom-width Setting the bottom border width 　 Set left Border