你的位置:首页 > 网页设计

[网页设计]3.CSS文字


1.在div中,设置text-alingn="center",只能在水平上居中,那么怎么设置在垂直方向上居中呢?

答:查阅资料中。

2.使用“滑动门”技术产生图像阴影效果。

答:2个div,中间插入图片,最底层的div设置阴影,从右下角开始铺设。中间的div设置坐上白色图像,然后设置padding 0 xpx xpx 0 ;

  最后设置图像内边距: xpx;

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
*{
border: 0;
padding: 0;
margin: 0;
}
.shadow{
float: left;
background: url(images/bottom-right.gif) no-repeat bottom right;
}
.shadow div{
background: url(images/top-left.gif) no-repeat;
padding: 0 6px 3px 0;
}
.shadow img{
padding: 4px;
}
</style>
</head>
<body>
<div id="main>">
<div >
<div><img src="images/cup.gif"/></div>
</div>
</div>
<footer></footer>
</body>
</html>

效果: