您的位置：首页 > 其它

<<web>>漂亮的相册(一)

2016-05-13 15:14 232 查看

1,html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="D:/test/css/css.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body>
<div class="polaroid rotate_left">

<img src="D:/test/images/1.jpg" witdh="300px" height="300px"/>
<p class="caption">wallence</p>
</div>
<div class="polaroid rotate_right">
<img src="D:/test/images/2.jpg" witdh="300px" height="300px"/>
<p class="caption">wallence</p>
</div>
<div class="polaroid rotate_left">
<img src="D:/test/images/3.jpg" witdh="300px" height="300px"/>
<p class="caption">wallence</p>
</div>
<div class="polaroid rotate_right">
<img src="D:/test/images/4.jpg" witdh="300px" height="300px"/>
<p class="caption">wallence</p>
</div>

</body>
</html>

2,css

body{
margin:30px;
background-color: #e9e9e9;
}
div.polaroid
{
width:310px;
padding:10px 10px 20px 10px;
border:4px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:10px 30px 10px #aaaaaa;
}
div.rotate_left{
float:left;
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
}
div.rotate_right{
float:left;
transform:rotate(-8deg);
-ms-transform:rotate(-8deg); /* IE 9 */
}
caption{
float:right;
}

3,js

空

标签名字，真的可以理解为一个标签，它可以给多个不同对象统一个标签，然后通过标签控制对象

一个对象也可以多个标签，不同标签属性分别设置，总的来说，标签就是一个别名

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

&lt;&lt;web&gt;&gt;漂亮的相册(一)

<<web>>漂亮的相册(一)