Hu bojun talks about the effects of borders in CSS3, and Hu bojun talks about border in css3.
Css3 defines rounded corners:
# Main {
Margin: 20px;
Border: 1px solid # E1E1E1;
-Moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;
Padding: 20px;
}
The following is a style reference in html:
<Div id = "main">
</Div>
The following is the border shadow defined by css3:
Instance
Add a box shadow to the div element:
Div
{
Box-shadow: 10px, 10px, 5px #888888;
}
The image border is set in css3 as follows:
Use an image to create a border around the div element:
Div
{
Border-image: url(border.png) 30 round;
-Moz-border-image: url(border.png) 30 round;/* Old Firefox */
-Webkit-border-image: url(border.png) 30 30 round;/* Safari and Chrome */
-O-border-image: url(border.png) 30 round;/* Opera */
}
Welcome to read my full set of online Java teaching UHD video:
Http://v.youku.com/v_show/id_XODQ1NjU0NDc2.html this is one of the video connection, you can drag to the youku video below, subscribe to my account, because later I will have more videos available for free
Baidu search: Enter the Fcs_D code farmer, or enter "Hu bojun" to view many of my videos.
Or add my ID: fcsboy. I can send you a notification in time.
QQ group: 237053693