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

This article mainly shows you "what are the practical methods of CSS3", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "what are the practical methods of CSS3" this article.

1. Fillet border:

Border-radius: 4px

2.box Shadow:

Box-shadow: 5px 5px 3px # 000000; / * parameters are right extension distance, downward expansion distance, shadow width, color * /

3. Background picture size:

Div {

Background:url (bg_flower.gif)

-moz-background-size:63px 100px; / * older version of Firefox * /

Background-size:63px 100px

Background-repeat:no-repeat

}

4. Background picture location

Div {

Background:url (bg_flower.gif)

Background-repeat:no-repeat

Background-size:100% 100%

-webkit-background-origin:content-box; / * Safari * /

Background-origin:content-box;/*border-box, padding-box*/

}

5. Text Shadow

Text-shadow: 5px 5px 3px # 000; / * parameters are right extension distance, downward expansion distance, shadow width, color * /

6. Forced automatic line wrapping

P {

Word-wrap:break-word

}

7. Separate

Div {

Column-gap: 3px; / * interval length between columns * /

-moz-column-count:3; / * Firefox * /

-webkit-column-count:3; / * Safari and Chrome * /

Column-count:3

}

These are all the contents of this article entitled "what are the practical methods of CSS3?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, 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.