css模板网页素材-html网页设计模板素材哪里下载？

这个怎么样

我只能做这个了

还不错吧

/*大背景*/

body{

BACKGROUND-POSITION:center 90%; BACKGROUND-ATTACHMENT: fixed;

BACKGROUND-IMAGE: url(

);}

body

background-color:#FFFFFF

background-repeat: repeat-x;

background-position: top left;

background-attachment: fixed;}

body a:link{text-decoration:none;color:#FF3399}

body a:visited{text-decoration:none;color:#FF3399}

body A:hover{text-decoration:none;color:#FF3399;}

body{scrollbar-face-color: #FFF1F7;

scrollbar-shadow-color: #FF3399;

scrollbar-highlight-color: #FF3399;

scrollbar-3dlight-color: #FFEEEE;

scrollbar-darkshadow-color:#FFEEEE;

scrollbar-arrow-color:#FF3399;

scrollbar-base-color: #FFFFF;

scrollbar-track-color: #FFFFF;

CURSOR:url('

a{CURSOR:url('

a:hover {position:relative; left:1px; top:1px; clip:rect()}

overflow-y:auto;

overflow-x:auto;}

/*上部背景设置*/

#main {background:url()}

#header{left:410px;height:400px;background:#000000;background:url( no-repeat;top center }

#header{left:410px;height:400px;background:#000000;background:url( no-repeat;top left}

#header {background:url() no-repeat;top:-10px;left:-5px }

#header {width:200px!important;top:0px;left:890px;background: scroll url() no-repeat ;}

#header {top:50px;left:-200px;line-height:66px;font-size:32px;font-family:黑体;color:#FFFFFF} /*空间名称位置*/

#header a.titlink{color:#FFFFFF;filter:glow(color:#E573AE,strength=3);height:12px;text-decoration:none}

#header a.titlink:visited{color:#FFFFFF;filter:glow(color:#E573AE,strength=3);height:12px;text-decoration:non}

#header {top:230px;left:-300px;color:#E573AE;font-size:15px;FILTER:glow(color=#FFF1F7;direction=1)}/*空间简介的位置*/

/*导航栏设置*/

#tab span {display:none;}

#tabline{display:none;}

#tab { TOP:375px;HEIGHT:40px;left:-250px }

#tab a{text-decoration:none;}

#tab a.on,#tab a.on:link,#tab a.on:visited ,/*Ñ¡ÖÐ*/{text-align:center;width:90px; color:#E37272;font-size:13px;BACKGROUND: scroll url(

" target="_blank" >

) no-repeat 0px 0px;filter:Alpha(opacity=60);font-family:Georgia}

#tab a:link,#tab a:visited /*δѡÖÐ*/{color:#E37272;text-align:center;width:90px; text-decoration:none; font-size:13px; line-height:32px;BACKGROUND: scroll url(

" target="_blank" >

) no-repeat;filter:Alpha(opacity=60);}

#tab a:hover ,#tab a.on:hover{background: url("") no-repeat -2px 0px;}

#tab2 span {color:#E37272;font-size:12px;font-weight:bold}

#tab2 a TAB{font-size:12px}

#tab2 a:link{color:#E37272}

#tab2 a:visited{color:#E37272}

/*除头部外的空间主体*/

.stage{}

.stage {text-align:center;width:960px!important;margin:10px 0px 0px 0px;;background:url() repeat-y }/*内容区域背景中间图*/

.stagepad{ WIDTH:850px!important;margin-left:10px}/*其他页面*/

#layout {width:780px;margin-left:30px;background:url() no-repeat bottom 0px;padding-bottom:26px}/*首页内容布局,横向划分为二版下面图*/

/*其它区域(即访问量等信息)-----------------------------------------------*/

#comm_info{font-size:14px;color:#666666;font-family:Arial;text-align:left}

#comm_info {margin-top:10px;line-height:160px;background:url( no-repeat center}

#comm_info a{color:#666666}

#page{height:30px;font-size:14px;font-family:Arial;text-align:center}

#page span{padding:3px;color:#000000;font-size:14px;font-weight:bold}

#page a.pc{color:#61AB8A;font-size:14px;font-weight:bold}

#page a.pc:visited{color:#61AB8A}

#page a.pi{padding:3px;color:#61AB8A;font-size:14px}

#page a.pi:visited{color:#61AB8A}

.mod{margin-bottom:10px;border:1px dotted #E573AE}

.modhandle{cursor:move}

.modth{height:20px;background:URL( repeat;center;text-decoration:none}/*置顶花边*/

.modhead{padding:4px 4px 0 4px}

.modopt{padding:4px 4px 0 0}

.modtit{color:#666666;font-size:13px;font-weight:bold}a.modtit{color:#B444FF}a.modtit:visited{color:#666666;filter}

.modtitlink{color:#666666;font-size:13px;font-weight:bold}a.modtitlink{color:#B444FF;text-decoration:none}a.modtitlink:visited{color:#666666;text-decoration:none}a.modtitlink:hover{color:#666666;text-decoration:666666}

.modact{color:#666666;font-size:13px}a.modact:link{color:#666666}a.modact:visited{color:#666666}

#mod_{background:url(

) no-repeat;background-position: bottom;padding-bottom: 390px;filter: alpha(opacity=80)}

.modbox{padding:10px 10px 0 10px;background: url();}

.modtl{}

.modtr{line-height:1px}

.modbl{line-height:1px}

.modbc{line-height:1px}

.modbr{line-height:1px}

.modbox,.modbl,.modbc,.modbr{}

#m_blog{background:transparent;

.modbl{background:transparent }

.modbc{background:transparent }

.modbr{background:transparent }

/*文章区域-------------------------------------------------------------*/

#m_blog {text-decoration:none;font-size:15px;color:#FF6699;font-weight:bold;line-height:40px;text-indent:40px;background:url(

) no-repeat left;decoration:none}

#m_blog a{text-decoration:none;color:#FF6699;font-size:15px;font-weight:bold};}

#m_blog A {FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FF6699}

#m_blog A:visited {COLOR:#FF00FF

} /*文章标题栏*/

#m_blog {background:url( no-repeat TOP center;color:lightslategray;padding-top:58px;text-align:center;margin-left:10px} /*文章标题下方可插入图片*/

#m_blog {color:#EB9C9C;line-height:20px;font-size:14px;border:3px dotted :#AD9585;background:url(

) repeat;PADDING: 10px;}

#m_blog div{font-size:14px}

#m_blog {margin:14px 0 16px 0;text-align:center}

#m_blog a{color:#E573AE;text-align:center;width:150px; text-decoration:none; font-size:12px; line-height:100px;BACKGROUND: scroll url( no-repeat;} /*阅读全文图框*/

#m_blog a:visited{color:#E573AE}

#m_blog {color:#E573AE;font-size:13px}

#m_blog a{color:#E573AE;font-size:13px}

#m_blog a:visited{color:#E573AE}

#m_blog {margin-top:20px;line-height:50px;background:url( repeat-x} /*分隔线*/

#m_blog {padding:100px 0 100px 0;color:#666666;font-size:14px}

/*个人区域-------------------------------------------------------------*/

#m_pro a{color:#666666}

#m_pro a:visited{color:#666666}

#m_pro {text-align:center;BACKGROUND: url() } /*个人头像处*/

#m_pro {margin-top:5px;font-weight:bold; background:url( no-repeat bottom; padding-bottom: 120px; margin-bottom: 0px} /*头像下方插入图片*/

#m_pro {margin-top:10px;color:#E573AE;font-size:15px;font-weight:bold;filter:DropShadow(Color=#222222, OffX=1, OffY=1, Positive=true);text-align:center}

#m_pro {color:#E573AE;font-size:12px}

#m_pro {line-height:280px;background:url() no-repeat top center;}

#m_pro td{color:#666666;line-height:24px;font-size:14px}

/*相册区域-----------------------------------------------------------------*/

#m_album {text-align:left}

#m_album {color:#333333;font-size:6px;text-align:center}

#m_album a{color:#333333;font-size:6px}

#m_album a:visited{color:#333333}

#m_album .phpage{margin-top:10px;padding-bottom:5px;text-align:center}

#m_albumlist {padding:5px;border:1px solid #CFCFD7;background:#CFCFD7}

A IMG {FILTER: progid:(opacity=100,finishopacity=0,style=2)}

A:hover IMG {FILTER: progid:(opacity=100)} /*图片光晕效果*/

/*友情链接区域-------------------------------------------------------------*/

#m_links {color:#AD9585;font-size:12px;line-height:15px;text-indent:0px;background:url(

) no-repeat;}

#m_links a{margin:0px;color:#E37272;font-size:12px;text-decoration:none}

#m_links a:visited{color:#E37272}

#m_links {margin-top:5px;line-height:8px;border-top:1px solid #FFEEF1}

#m_links {background:url( no-repeat;background-position: bottom;padding-bottom: 0px;filter: alpha(opacity=80)}

/*名人blog*-------------------------------------------------------------*/

#m_mylink2 {text-indent:25px;color:#EE9611;font-size:14px;background:url(

" target="_blank" >

) no-repeat}

#m_mylink2 a{color:#666666;font-size:12px;text-decoration:none}

#m_mylink2 a:visited{color:#666666}

#m_mylink2 {margin-top:2px;line-height:16px;background:url(

" target="_blank" >

) no-repeat top center;}

/*猪友*-------------------------------------------------------------*/

#m_mylink1 {text-align:center;FILTER: glow(color=#FFFFFF,direction=2)}

#m_mylink1 {color:#EB9C9C;font-size:12px;line-height:20px;text-indent:18px;background:url(

) no-repeat;}

#m_mylink1 a{color:#E37272;font-size:13px;text-decoration:none}

#m_mylink1 {margin-top;17px;line-height:18px;border-top:5px;background:url( repeat}

#m_mylink2 {color:#AD9585;font-size:12px}

#m_mylink2 a{color:#E37272;font-size:12px;text-decoration:none}

#m_mylink2 a:visited{color:#E37272}

#m_mylink2 {margin-top:5px;line-height:8px;border-top:1px solid #FFEEF1}

#m_mylink2 {background:url( no-repeat top center;padding-top:50px; text-decoration:none;}

#m_mylink3 {text-indent:25px;color:#EE9611;font-size:14px;background:url(

" target="_blank" >

) no-repeat}

#m_mylink3 a{color:#666666;font-size:12px;text-decoration:none}

#m_mylink3 a:visited{color:#666666}

#m_mylink3 {margin-top:2px;line-height:16px;background:url(

" target="_blank" >

) no-repeat top center;}

#m_mylink4 {color:#AD9585;font-size:12px}

#m_mylink4 a{color:#E37272;font-size:12px;text-decoration:none}

#m_mylink4 a:visited{color:#E37272}

#m_mylink4 {margin-top:5px;line-height:8px;border-top:1px solid #FFEEF1}

/*文章分类*-------------------------------------------------------------*/

#m_artclg /*滚动条*/{overflow-y:auto;height:px}

#m_artclg {color:#EB9C9C;font-size:12px;line-height:21px;text-indent:25px;background:url( no-repeat;}

#m_artclg a{color:#666666;font-size:12px}

#m_artclg a:visited{color:#666666}

#m_artclg {margin-top:5px;line-height:10px;border-top:1px ;background:url( repeat-x center}

/*最新评论-----------------------------------------------------------------*/

#m_comment/*滚动条*/{}

#m_comment {color:#666666;font-size:12px;line-height:21px;text-indent:25px;background:url(

" target="_blank" >

) no-repeat;}

#m_comment a{color:#FF6699;font-size:12px}

#m_comment a:visited{color:#FF6699}

#m_comment a.cnt{color:#666666;font-size:12px;text-decoration:none}

#m_comment a.cnt:visited{color:#666666;text-decoration:none}

#m_comment a.cnt:hover{color:#66666;text-decoration:underline}

#m_comment {margin-top:5px;line-height:16px;border-top:1px ;background:url( repeat-x center}

#m_comment{filter:alpha(opacity=75);height:460px;background:url() no-repeat}

/*网友评论-----------------------------------------------------------------*/

#in_comment 主体{width:710px}

#in_comment #666666;font-size:14px;font-weight:bold}

#in_comment #666666;font-size:12px}

#in_comment a/*发表人名(链接)*/{color:#FF6699;font-size:12px}

#in_comment a:visited{color:#225C84}

#in_comment #666666;font-size:12px}

#in_comment #666666;font-size:12px}

#in_comment ;background:url( repeat-x center}

/*发表评论及留言板中添加留言的设置*/

#in_send {text-align:center;color:gray;font-size:14px;font-weight:bold}/*"发表评论"和"添加留言"的字体样式设置*/

#in_send td{color:silver}/*所有不在输入框以及提交按钮中的字体颜色设置*/

#in_send td a{color:#3399CC}/*超链接颜色设置,即验证码边上的"看不清"的颜色设置*/

#in_send td.f14 input{background:#252525;color:FF3399;border-top:2px solid darkgray;border-left:2px solid dimgray;border-bottom:2px solid black;border-right:2px solid #444444}/*设置所有input标签的背景色,字体色以及突出效果*/

#spBlogCmtor,#spBlogCmtURL,#spBlogCmtText,#spBCmtText,#spBCmtAuthor,#spBCmtURL,#vercode input{background:#252525;color:white;border-top:2px solid FF3399 !important;border-left:2px solid #FF3399 !important;border-bottom:2px solid FF3399 !important;border-right:2px solid FF3399 !important}/*设置发表评论以及添加留言中各输入框的背景色,字体色以及内凹效果,并用!important设置为优先,这样就覆盖了上面的全input效果*/

#spBCmtText{background:url(

) no-repeat top center;color:#FF3399;font-size:16px}/*设置留言内容框的背景和字体设置*/

/*留言板中网友留言的设置*/

#in_msg{width:710px}

#in_msg {margin-bottom:12px;color:#AD9585;font-size:14px;font-weight:bold}

#in_msg .item {width:40px;font-weight:bold}

#in_msg .item {width:150px;color:#AD9585;}

#in_msg .item a{color:#E37272;font-size:12px}

#in_msg .item a:visited{color:#E37272}

#in_msg .item img{margin-bottom:5px}

#in_msg .item a{color:#E37272;font-size:12px}

#in_msg .item a:visited{color:#3E37272}

#in_msg {color:#AD9585;font-size:12px}

#in_msg {margin-top:5px;color:#AD9585;font-size:12px}

#in_msg {margin-top:17px;line-height:17px;border-top:1px solid #FFEEF1}

#in_msg {margin-top:15px;line-height:20px;background:url(

" target="_blank" >

) repeat-x}

/*文章存档区域-------------------------------------------------------------*/

#m_filed {color:#FFFFFF;font-size:13px;line-height:21px;text-indent:20px;background:url(

" target="_blank" >

) no-repeat left top;}

#m_filed a{color:#color;font-size:13px}

#m_filed a:visited{color:#color}

#m_filed {margin-top:5px;line-height:16px;border-top:1px ;background:url( repeat-x center}

#m_filed {filter:alpha(opacity=75);height:260px;background:url() no-repeat}

/*最近访客*-------------------------------------------------------------*/

#mod_track .modth .modtit{ font-family:"Georgia"; font-size: 13px; color:#9B9B9B;}

#mod_track .modbox table td{border-bottom:#FF3399 dotted 2px;}

#mod_track .modbox table td img{width:50px!important;height:50px!important;border:#BCBCB8 4px double;}

#mod_track .modbox table td a img{filter:Alpha(opacity=80);-moz-opacity:0.5}

#mod_track .modbox table td a:hover img{filter:Alpha(opacity=80);-moz-opacity:1}

#mod_track .modbox table td a{text-decoration:none;color:#666666;}

好友列表

#m_friend {margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}

#m_friend {margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}

#m_friend {margin-top:4px;color:#6AB738;font-size:12px}

#m_friend a{color:#666666;font-size:12px}

#m_friend a:visited{color:#666666}

#m_friend {margin-top:10px;line-height:20px;border-top:30px ;background:url(

" target="_blank" >

) repeat-x}

/*媒体播放器-------------------------------------------------------------*/

#m_pro .basic a.nlk{display:none}

#mod_bgmusic{background:url(

) no-repeat left}

#phx{FILTER:Alpha(Opacity=3); HEIGHT: 150px}

/*添加评论框背景-------------------------------------------------------------*/

#spBlogCmtText {color:#F0317D;font-size:12px;border: 1px solid #000000;

background:url( no-repeat top left;

background:url( no-repeat top right;

font-family: "Times New Roman", Times, serif;text-align: center;}

#pvshow{color:#FF3399;font-family:"Georgia",;font-size:16pt;}

/*添加图片的各种区域---------------------------------------------------------*/

#mod_links{background:url(

) no-repeat;background-position: top;padding-top: 345px;}

#mod_comment{background:url(

) no-repeat;background-position: top;padding-top: 375px;}

/*日历主体背景,边框----------------------------------------------------------*/

#m_cang {color:#8CCEFB;font-size:12px}

#m_cang a{color:#8CCEFB;font-size:12px;text-decoration:none}

#m_cang a:visited{color:#E37272}

#m_cang {margin-top:5px;line-height:8px;border-top:1px solid #FFEEF1}

div#cals *.cal_active{color:#000000;text-decoration:none;font-weight:bold;BACKGROUND:url( center no-repeat;linehight:12px;}

div#cals *.cal_select{padding:2px;border:1px solid #FFBBC9;background-color:#eeeeee;color:#0000cc;text-decoration:underline}

div#cals{{background:url(

" target="_blank" >

) left}/*日历主体背景,边框*/

div#cals{{background:url(

" target="_blank" >

) left}/*日历主体背景,边框*/

网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。你通过

千站素材

可以下载很多的成品模板以及该模板带有的一套网站系统。通过html网页模板搭建网站有利于保持网页风格的一致;提高工作效率。

打开DW,直接把素材插入页面再替换文本,设成自己需要的导航的文本就可以了。