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

This article mainly introduces "how to set CSS3 box shadow and boundary picture". In daily operation, I believe many people have doubts about how to set CSS3 box shadow and boundary picture. Xiaobian consulted all kinds of information and sorted out simple and easy operation methods. I hope to help you answer the doubts of "how to set CSS3 box shadow and boundary picture"! Next, please follow the small series to learn together!

CSS3 Box Shadow

The box-shadow attribute in CSS3 is used to add shadows:

examples

Add box-shadow attribute to div

div

{

box-shadow:10px10px5px#888888;

}

CSS3 border pictures

With the border-image property of CSS3, you can create a border using images:

The border-image property allows you to specify an image as a border! Original image used to create the border above:

Create borders with pictures in div:

Border

examples

Create borders with pictures in div

div

{

border-image:url(border.png)3030round;

-webkit-border-image:url(border.png)3030round;/*Safari5andolder*/

-o-border-image:url(border.png)3030round;/*Opera*/

}

At this point, about "CSS3 box shadow and border picture how to set up" learning is over, I hope to solve everyone's doubts. Theory and practice can better match to help you learn, go and try it! If you want to continue learning more relevant knowledge, please continue to pay attention to the website, Xiaobian will continue to strive to bring more practical articles for everyone!

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.