What are the practical methods of CSS3
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!
