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/loading.gif' data-original="images/cup.gif"/></div> </div> </div> <footer></footer> </body> </html> |
效果:
原标题:3.CSS文字
关键词:CSS