<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>圖片特效展示</title>
<style?type?=css/text>
body,?ul,?li,?ol?{
list-style:?none;
padding:?0px;
margin:?0px;
font-size:?12px;
font-family:?微軟雅黑;
}
img?{
border:?0px;
}
.picList?{
width:?100%;
float:?left;
}
.picList?.pic1?{
width:?300px;
height:?200px;
position:?relative;
overflow:?hidden;
float:?left;
margin:?10px?0?0?10px;
}
</style>
</head>
<body>
<div?id="picList">
<div?id="pic1">
<img?src="img/1.jpg"?alt="">
<a?href="#"></a>
</div>
<div?id="pic2">
<img?src="img/2.jpg"?alt="">
<a?href="#">圓角水晶按鈕制作<br>
網(wǎng)頁中圓角按鈕和狂堵按鈕制作就這么輕松
</a>
</div>
<div?id="pic3">
<img?src="img/3.jpg"?alt="">
<a?href="#">導航條菜單制作<br>
30分鐘教會你制作各式各樣的導航條菜單
</a>
</div>
</div>
</body>
</html>上面的.picList ?.pic的定義為什么就沒有效果呢?
添加回答
舉報
0/150
提交
取消