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

Today, the editor will share with you the relevant knowledge points about the Css frame and background code, which are detailed in content and clear in logic. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

Borders and backgrounds: applying borders to elements

Border-width: border width

Border-style: border styl

None has no border

Dashed dotted line

Solied solid line

Double double wire

Groove slot line

Dotted dot line border

Inset embedded outset convexity

Ridge Ridge Border

Bolder-color: border color

The abbreviated form border:width style color has no order.

Set a border separately

Border-top/bottom/left/right-width/style/color

Abbreviated form: border-top {width,style,color}

Apply the fillet border (just write one if the x radius, y radius and xy are the same)

Border-top/bottom-left/right-radius

Abbreviation: border-radius

Set element background

Background-color: background color

Background-image: {url (")} background image address

Background-repeat: background image repetition mode, general no-repeat

Background-size: background map siz

Background-position: background map location

Abbreviation: background:color image repeat position, if the size is not written, it will conflict.

Create a box shadow

Box-shadow: horizontal offset Vertical offset blur value Shadow extension Radius Shadow Color 10px 10px 5px 0px red

Add multiple shadows, directly after the first, continue to write the second with a comma, the first is set to an integer, and the second shadow is set to negative

Set Contour

The difference between borders and outlines: outlines do not belong to the page and do not adjust the layout of the page because of the application of outlines

The frame occupies the actual size, but the outline does not.

When hover hover is set, the contour modified div will not shift, but when the frame is modified, it will shift.

Outline-color: outline color

Outline-style: profile styl

Outline-width: outline width

Outline-offset: outline offset from element border

Abbreviation: outline

Other styles (table, list, transparency, cursor)

These are all the contents of the article "what are the Css borders and background codes?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, 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.