wps表格如何制作模板图文教程
821
2022-05-30
-(完整编码+素材)
【动物相册——HTML效果-网页制作文档类资源-CSDN下载】
完整编码(无素材)
"http://www.w3.org/TR/html4/loose.dtd">
/*初始化几个要用的标签*/
*{ padding:0; margin:0; list-style:none;}
body{ line-height:1.7; font-size:12px; font-family:Verdana, Arial, "宋体"; margin:10px; color:#6F9C21}
h1,h3{font-size:14px; font-family:"黑体"; color:#517317;}
h1{line-height:45px; background:#84B726; padding-left:14px; color:#517317;}
h2{font-size:12px;color:#fff; text-align:center;background:#95CC2D; border-bottom:1px solid #84B726;}
img{display:block;}
/*全局链接样式*/
a:link,a:visited{color:#6D9C1F;text-decoration:none;}
a:hover,a:active{color:#fff;text-decoration:none;}
/*常用的三个样式*/
.l{ float:left;}
.r{ float:right; }
.c{ clear:both; overflow:hidden; height:0;}
/*全局框架用*/
#pic{ background:#B5DF63; width:600px; height:450px; border-left:3px solid #3B8C54; border-right:3px solid #8CC128;
overflow:hidden}
.main{width:365px; }
.sidebar{width:210px; float:right;height:360px;overflow:hidden}
.pager{clear:both;}
/*第一页的特殊处理*/
#yan{ padding:160px 0 0 50px;}
#kai{background:#3B8C54; width:150px;margin:160px 0 0 70px; padding-left:10px; overflow:hidden}
#kai img{ display:block; border-left:2px solid #B5DF63; padding:20px;}
/*相册正式开始*/
.pic{height:450px;}
.main li { text-align:center; float:left; width:120px; margin-top:10px;}
.main li span{padding:5px;display:block; margin:auto}
.main li img{ width:90px; height:65px; display:block;border:1px solid #A5D845;; padding:5px; margin:0 auto;
background:#FFFFFF}
/*照片上的链接样式*/
a:link span,a:visited span{border:1px solid #B5DF63; background:#B5DF63}
a:hover span,a:active span{ background:#95CC2D; border:1px solid #84B726; border-top:1px solid #FFF;border-left:1px
solid #FFF}
.sidebar img{padding:5px;}
.sidebar p{padding:5px 15px;}
.sidebar span{background:#95CC2D;display:block;border-top:1px solid #fff;}
.sidebar li{ height:600px;}
.sidebar{ border:1px solid #A5D845; border-top:none; padding:0 1px 1px 1px;background:#Fff; margin:15px 5px; }
HTML
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。