<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<htmlxmlns=”http://www.w3.org/1999/xhtml”>
<head>
<metahttp-equiv=”Content-Type”content=”text/html;charset=utf-8″/>
<title>AnIntroductiontoCSS3;ANettutsTutorial</title>
<linkhref=”style.css”rel=”stylesheet”type=”text/css”/>
</head>
<body>
<divid=”wrapper”>
<divid=”round”></div>
<divid=”indie”></div>
<divid=”opacity”></div>
<divid=”shadow”></div>
<divid=”resize”>
<imgsrc=”image.jpg”alt=”resizableimage”width=”200″height=”200″>
</div>
</div>
</body>
</html>
body{
background-color:#fff;
}
#wrapper{
width:100%;
height:100%;
}
div{
width:300px;
height:300px;
margin:10px;
float:left;
}
#round{
background-color:#000;
border:1pxsolid#000;
}
#round{
background-color:#000;
border:1pxsolid#000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#indie{
background-color:#000;
border:1pxsolid#000;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#opacity{
background-color:#000;
opacity:0.3;
}
-webkit-box-shadow:3px5px10px#ccc;
#shadow{
background-color:#fff;
border:1pxsolid#000;
-webkit-box-shadow:3px5px10px#ccc;
}
#resize{
background-color:#fff;
border:1pxsolid#000;
resize:both;
overflow:auto;
}
欢迎光临 仓酷云 (http://www.ckuyun.com/) | Powered by Discuz! X3.2 |