| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1566 人关注过本帖
标题:css里怎么再加一个代码呀?谢谢
只看楼主 加入收藏
znmw
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2011-3-6
收藏
 问题点数:0 回复次数:10 
css里怎么再加一个代码呀?谢谢
我要在下面增加一个h7的样式代码,样式的功能要像h6一样的,请问怎么加?我自己怎么加都不行,在主页里就是显示不出h7的样式。请高手帮忙一下,谢谢!css文件如下:
谢谢1楼回复,这个问题是我没有说明白,不好意思哦。其实难我的的意思就是这样的,样式功能是和h6一样,但我要的是里面的颜色不一样的(也就是说在网页上可以分开为两种颜色)。颜色方面我自己会修改,只要高手能帮加上一个h7的样式代码就行了,谢谢!


* html,.mw {width:950px;margin:0 auto;background:#ffffff;}
* {word-wrap:break-word;word-break:break-all;}
body {position:relative; margin:0; text-align:center;background:#0000FF;}
body,td,div,form {color:#000; font-family: "宋体", Arial, Tahoma,Verdana,  Helvetica, sans-serif; font-size:12px;}
p,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,ul,li,img,blockquote,form { margin:0; padding:0; border:0; list-style:none;}
h1 {text-align:center;font:bold 20px "Microsoft Yahei",sans-serif;margin:10px 0;}
h3 {text-align:center;font-weight:normal;font-size:12px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #ccc;}
.mwall {width:960px;margin:0 auto;padding:0 0 5px 0;background:#ffffff;height:auto!important; height:750px;min-height:750px;}
#ad250 {float:left;margin-right:5px;}
#ad468 {height:60px;width:468px;margin:5px auto;}
.bgf7f7f7 {background:#f7f7f7;padding-left:3px;}
.borderall {border:1px solid #00FF33;background:#D5D52B;}
#clear {margin:0;padding:0;clear:both;background:#ffffff;}
.note {font-size:12px;color:#999999; font-style:italic;}
.adgs {padding-left:50px;}
.none {display:none;}

a:link,a:visited {color:#000000;text-decoration:none;}
a:hover {color:#ff0000;text-decoration:underline;}

/*顶部*/
#toplogin {background:#f7f7f7;line-height:25px;height:25px;margin-bottom:5px;padding:2px 10px;overflow:hidden;text-align:left;}
#toplogin span {float:right;width:350px;text-align:right;}

#webhead {width:950px;margin:0px auto;height:100px;background:#ffffff;}
#webhead #logo {float:left;width:200px;}
#webhead #banner {float:left;width:480px;margin:0 10px;text-align:center;}
#webhead #topright {float:right;width:250px;text-align:left;padding:10px 0 0 0;}
    #webhead #topright .textad {margin-top:10px;}
    #webhead #topright .topright3 li{float:left;width:61px;line-height:20px;height:20px;}
    #webhead #topright .topright3 #mlist{line-height:19px;z-index:100;background:#FFFF00;border:1px solid #FFFFFF;POSITION:  
absolute;*margin:12px 0 0 -55px;padding:5px;text-align:left;}
    #webhead #topright .topright3 #mlist a:link,#webhead #topright .topright3 #mlist a:visited{color:#000000;}
    #webhead #topright .topright3 #mlist a:hover {background:#FF0000; text-decoration:none;color:#E61AE6;}
    #webhead #topright .topright3 .menu2{overflow-y:hidden;}
   
/*导航*/

/*下拉菜单*/

/*图片文章调用*/

/*首页*/
#ileft {float:left;width:212px;}
#icenter {float:left;margin:0 5px;width:514px;}
    #ileft1 {float:left;width:252px;}
    #icenter1 {float:left;margin-left:6px;width:474px;}
#iright {float:right;width:212px;}
.topnews {margin:0 0 5px 7px;}
.topnews h4 {font:bold 22px Microsoft Yahei,sans-serif;margin:5px auto;line-height:30px;height:30px;overflow:hidden;}
.topnews h4 a{text-decoration:none;}

#h7 {border-style:none; border-width:medium;text-align:center;font-weight:normal;font-color=#FFFFFF;font-size:12px;padding-
bottom:10px;margin-bottom:10px;border-bottom:1px dashed #ccc;}

.notice {background:#D5D52B;height:25px;line-height:25px;text-align:left;padding:0 4px;}
.notice div {float:left;}
.notice ul {width:400px;overflow:hidden;}
.notice li {float:left;width:400px;line-height:20px;height:20px;overflow:hidden;}
#toplist {float:left;width:470px;}
#toplist li {text-align:left;font-size:14px;line-height:25px;height:25px;overflow:hidden;padding-left:5px;}
#toplist li span {float:right;color:#999999;}

.userlist {border:1px solid #E7E3E7;border-top:0;}
.userlist td {text-align:left;height:22px;}
.topjx {text-align:left;color:#636563;line-height:23px;}
#ilist,#ilist212,#ilist250 {border:1px solid #00FF33;background: #ffffff;text-align:left;margin-bottom:4px;}
#ilist9 {width:512px;border:1px solid #00FF33;background: #ffffff;text-align:left;margin-bottom:5px;}
#ilist h6,#ilist212 h6,#ilist250 h6 {color:#E61AE6;background: #7B6699;padding:5px;margin:1px;font-size:14px;}
#ilist h6 span,#ilist212 h6 span,#ilist250 h6 span{float:right;font-size:12px;color:#cccccc;font-weight:normal}
#ilist h6 a,#ilist212 h6 a,#ilist250 h6 a{color:#E61AE6;}
#ilist9 ul {width:512px;margin:0px auto;overflow:hidden;}
#ilist212 ul {width:210px;overflow:hidden;}
#ilist250 ul {width:250px;overflow:hidden;}
#ilist {float:left;width:360px;}
#ilist ul {padding:0 4px;}
#ilist li {float:left;font-size:12px;width:350px;line-height:22px;height:22px;overflow:hidden;margin-left:1px}
#ilist212 li {float:left;font-size:12px;width:207px;line-height:22px;height:22px;overflow:hidden;margin-left:1px}
#ilist250 li {float:left;font-size:12px;width:244px;line-height:22px;height:22px;overflow:hidden;margin-left:1px;}
#iright .ititle {background:url(title_bg.gif) left top no-repeat;color:#424542;font-size:12px;text-align:left;padding:7px 10px;letter-
spacing: 5px;font-weight:bold;}
#iright .igslist {border-bottom:1px solid #E7E3E7;text-align:left;padding:5px 0 5px 3px;height:68px;overflow:hidden;}
.igslist a:link,.igslist a:visited {color:#FF6500;}
.igslist li {color:#00309C;padding:3px;line-height:19px;}
.iltitle {background:url(title_bg2.gif) no-repeat;color:#424542;padding:7px 15px 8px 15px;text-align:left;letter-spacing: 5px;font-
weight:bold;}
.illist {border:1px solid #E7E3E7;border-top:0;text-align:left;padding:5px 4px;position: relative;}
#ilall {float:left;width:240px;border-bottom:1px dashed #E7E3E7;padding:5px}
.ihits {float:left;width:25px;padding:5px 0;text-align:center;margin:0 5px 5px 0;background:#FFEB7B;color:#CE0000;font-weight:bold;}
.iltitle_1 {float:left;width:198px;text-align:left;}
.iltitle_1 li {margin-top:4px;color:#8C8A8C}
.iltitle_1 a:link,.iltitle_1 a:visited {font-size:14px;color:#00309C;text-decoration:underline;}


#ilist li a:link,#ilist212 li a:link,#toplist li a:link,#ilist250 li a:link,#ilist li a:visited,#ilist212 li a:visited,#ilist250 li  
a:visited,#toplist li a:visited{color:#0099FF;}

.link {padding:10px 5px;text-align:left;line-height:20px;}

#nw_right {float:right;}
#web2r {border:1px solid #00FF33;width:300px;background: #D5D52B;text-align:left;margin-bottom:5px;}
#web2r h5 {background: #FF0000;padding:5px;margin:1px;font-size:14px;color:#E61AE6;}
#web2r ul {padding:0 4px;}
#list10 li {font-size:12px;height:25px;line-height:25px;border-bottom:1px dashed #ccc;overflow:hidden;}

#nw_left {float:left;}
#web2l {width:640px;border:1px solid #00FF33;margin:0 0px 5px 0;text-align:left;}
#web2l h5 span {background:#FF0066;color:#ffffff;padding:3px 5px;font-weight:bold;}
#web2l h5 span a:link,#web2l h5 span a:visited {color:#FFFFFF;}
#web2l h5 span a:hover {color:#FFFF00;text-decoration:none;}
#web2l h6 {background: #FF0000;padding:5px;margin:1px;font-size:14px;color:#E61AE6;}
#web2l h6 a{color:#E61AE6;}
#web2l #content {width:625px;font-size:14px;line-height:25px;padding:6px;overflow:hidden;}
#web2l #content p{margin-bottom:1em;}
#web2l #content #listul a{text-decoration:underline;}
#web2l #content .zhaiyao {margin:3px 20px;padding:5px;border:1px solid #ccc;background:#f7f7f7;}
#web2l #copy {margin:5px auto;border-bottom:1px dashed #ccc;width:90%;text-align:right;padding:10px;}

#web2l #content li {font-size:12px;color:#000000;}
#web2l #content #listul li a:link,#web2l #content #listul li a:visited {font-size:14px;color:#6F9183;font-weight:bold;text-decoration:none;}
#web2l #content #listul li a:hover {color:#ff0000;text-decoration:underline;}
#web2l #content .box{padding:0 1em; line-height:2em; margin-top:5px;padding-bottom:5px;color:#09F7F7}

.dh {background:url(dh.gif) 6px 8px no-repeat;padding:7px 20px;margin:1px;text-align:left;font-weight:normal;font-size:12px;}
.dh span {float:right;}

/*列表分页*/

[ 本帖最后由 znmw 于 2011-12-30 18:05 编辑 ]
搜索更多相关主题的帖子: css html 
2011-12-29 22:59
madpbpl
Rank: 4
等 级:贵宾
威 望:11
帖 子:2876
专家分:244
注 册:2007-4-5
收藏
得分:0 
即然一样,用h6不就行了,重复同一个样式有什么意义?
2011-12-30 14:33
wangjy500
Rank: 11Rank: 11Rank: 11Rank: 11
等 级:贵宾
威 望:13
帖 子:457
专家分:2569
注 册:2010-7-11
收藏
得分:0 
系统里就没有这样的标签,当然加你不了,

QQ:63572063
2011-12-30 18:30
znmw
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2011-3-6
收藏
得分:0 
那怎么在系统里面加上去呢?谢谢!

俺不高手,俺也是来学习的。
2011-12-30 20:21
xmlz
Rank: 9Rank: 9Rank: 9
等 级:蜘蛛侠
威 望:5
帖 子:294
专家分:1392
注 册:2010-8-29
收藏
得分:0 
样式定义部分
.nh7{
    color:red;
}

..
应用样式部分
<h6 class="nh7">...</h6>
2011-12-31 08:36
znmw
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2011-3-6
收藏
得分:0 
谢谢上楼,可是还是不行呀,颜色还是和<h6>...</h6>的一样。

俺不高手,俺也是来学习的。
2011-12-31 13:03
xmlz
Rank: 9Rank: 9Rank: 9
等 级:蜘蛛侠
威 望:5
帖 子:294
专家分:1392
注 册:2010-8-29
收藏
得分:0 
不可能,除非你写错了,我测试颜色是改了的。
2012-01-03 17:42
xmlz
Rank: 9Rank: 9Rank: 9
等 级:蜘蛛侠
威 望:5
帖 子:294
专家分:1392
注 册:2010-8-29
收藏
得分:0 
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <style type="text/css">
    .nh7{
    color:red;
    }
</style>
 </HEAD>
 <BODY>
<h6>这是H6</h6>
<h6 class="nh7">这是nH7</h6>
 </BODY>
</HTML>
2012-01-04 08:36
znmw
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2011-3-6
收藏
得分:0 
谢谢你的耐心解答,不过还是不行呀。

俺不高手,俺也是来学习的。
2012-01-04 18:02
znmw
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2011-3-6
收藏
得分:0 
我这个颜色是要通过变化的,也就是说要随着风格变化而变的。
原变化代码如下:
<!--#include file="../Inc/conn.asp"-->
<%
Dim ID
ID=NewRequest(request("ID"))
set rs=server.createobject("adodb.recordset")
sql="select * from "&tbname&"_Css where id="&id
rs.open sql,conn,1,1
%>* html,.mw {width:950px;margin:0 auto;background:#ffffff;}
* {word-wrap:break-word;word-break:break-all;}
body {position:relative; margin:0; text-align:center;background:<%=rs("bodybg")%>;}
body,td,div,form {color:#000; font-family: "宋体", Arial, Tahoma,Verdana,  Helvetica, sans-serif; font-size:12px;}
p,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,ul,li,img,blockquote,form { margin:0; padding:0; border:0; list-style:none;}
h1 {text-align:center;font:bold 20px "Microsoft Yahei",sans-serif;margin:10px 0;}
h3 {text-align:center;font-weight:normal;font-size:12px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #ccc;}
.mwall {width:960px;margin:0 auto;padding:0 0 5px 0;background:#ffffff;height:auto!important; height:750px;min-height:750px;}
#ad250 {float:left;margin-right:5px;}
#ad468 {height:60px;width:468px;margin:5px auto;}
.bgf7f7f7 {background:#f7f7f7;padding-left:3px;}
.borderall {border:1px solid <%=rs("Color2")%>;background:<%=rs("Color3")%>;}
#clear {margin:0;padding:0;clear:both;background:#ffffff;}
.note {font-size:12px;color:#999999; font-style:italic;}
.adgs {padding-left:50px;}
.none {display:none;}

a:link,a:visited {color:#000000;text-decoration:none;}
a:hover {color:#ff0000;text-decoration:underline;}

/*顶部*/
#toplogin {background:#f7f7f7;line-height:25px;height:25px;margin-bottom:5px;padding:2px 10px;overflow:hidden;text-align:left;}
#toplogin span {float:right;width:350px;text-align:right;}

#webhead {width:950px;margin:0px auto;height:100px;background:#ffffff;}
#webhead #logo {float:left;width:200px;}
#webhead #banner {float:left;width:470px;margin:0 10px;text-align:center;}
#webhead #topright {float:right;width:260px;text-align:left;padding:10px 0 0 0;}
    #webhead #topright .textad {margin-top:10px;}
    #webhead #topright .topright3 li{float:left;width:61px;line-height:20px;height:20px;}
    #webhead #topright .topright3 #mlist{line-height:19px;z-index:100;background:<%=rs("color8")%>;border:1px solid <%=rs("color9")%>;POSITION: absolute;*margin:12px 0 0 -55px;padding:5px;text-align:left;}
    #webhead #topright .topright3 #mlist a:link,#webhead #topright .topright3 #mlist a:visited{color:<%=rs("Color10")%>;}
    #webhead #topright .topright3 #mlist a:hover {background:<%=rs("Color1")%>; text-decoration:none;color:<%=rs("color4")%>;}
    #webhead #topright .topright3 .menu2{overflow-y:hidden;}
   
/*导航*/
.........

/*下拉菜单*/

............

/*图片文章调用*/
..............

/*首页*/
#ileft {float:left;width:212px;}
#icenter {float:left;margin:0 5px;width:514px;}
    #ileft1 {float:left;width:252px;}
    #icenter1 {float:left;margin-left:6px;width:474px;}
#iright {float:right;width:212px;}
.topnews {margin:0 0 5px 7px;}
.topnews h4 {font:bold 22px Microsoft Yahei,sans-serif;margin:5px auto;line-height:30px;height:30px;overflow:hidden;}
.topnews h4 a{text-decoration:none;}

.notice {background:<%=rs("Color3")%>;height:25px;line-height:25px;text-align:left;padding:0 4px;}
.notice div {float:left;}
.notice ul {width:400px;overflow:hidden;}
.notice li {float:left;width:400px;line-height:20px;height:20px;overflow:hidden;}
#toplist {float:left;width:470px;}
#toplist li {text-align:left;font-size:14px;line-height:25px;height:25px;overflow:hidden;padding-left:5px;}
#toplist li span {float:right;color:#999999;}

.userlist {border:1px solid #E7E3E7;border-top:0;}
.userlist td {text-align:left;height:22px;}
.topjx {text-align:left;color:#636563;line-height:23px;}
#ilist,#ilist212,#ilist250 {border:1px solid <%=rs("Color2")%>;background: #ffffff;text-align:left;margin-bottom:4px;}
#ilist9 {width:512px;border:1px solid <%=rs("Color2")%>;background: #ffffff;text-align:left;margin-bottom:5px;}
#ilist h6,#ilist212 h6,#ilist250 h6 {color:<%=rs("Color4")%>;background: <%=rs("Color1")%>;padding:5px;margin:1px;font-size:14px;}
#ilist h6 span,#ilist212 h6 span,#ilist250 h6 span{float:right;font-size:12px;color:#cccccc;font-weight:normal}
#ilist h6 a,#ilist212 h6 a,#ilist250 h6 a{color:<%=rs("Color4")%>;}
#ilist9 ul {width:512px;margin:0px auto;overflow:hidden;}
#ilist212 ul {width:210px;overflow:hidden;}
#ilist250 ul {width:250px;overflow:hidden;}
#ilist {float:left;width:360px;}
#ilist ul {padding:0 4px;}
#ilist li {float:left;font-size:12px;width:350px;line-height:22px;height:22px;overflow:hidden;margin-left:1px}
#ilist212 li {float:left;font-size:12px;width:207px;line-height:22px;height:22px;overflow:hidden;margin-left:1px}
#ilist250 li {float:left;font-size:12px;width:244px;line-height:22px;height:22px;overflow:hidden;margin-left:1px;}
#iright .ititle {background:url(title_bg.gif) left top no-repeat;color:#424542;font-size:12px;text-align:left;padding:7px 10px;letter-spacing: 5px;font-weight:bold;}
#iright .igslist {border-bottom:1px solid #E7E3E7;text-align:left;padding:5px 0 5px 3px;height:68px;overflow:hidden;}
.igslist a:link,.igslist a:visited {color:#FF6500;}
.igslist li {color:#00309C;padding:3px;line-height:19px;}
.iltitle {background:url(title_bg2.gif) no-repeat;color:#424542;padding:7px 15px 8px 15px;text-align:left;letter-spacing: 5px;font-weight:bold;}
.illist {border:1px solid #E7E3E7;border-top:0;text-align:left;padding:5px 4px;position: relative;}
#ilall {float:left;width:240px;border-bottom:1px dashed #E7E3E7;padding:5px}
.ihits {float:left;width:25px;padding:5px 0;text-align:center;margin:0 5px 5px 0;background:#FFEB7B;color:#CE0000;font-weight:bold;}
.iltitle_1 {float:left;width:198px;text-align:left;}
.iltitle_1 li {margin-top:4px;color:#8C8A8C}
.iltitle_1 a:link,.iltitle_1 a:visited {font-size:14px;color:#00309C;text-decoration:underline;}

#ilist li a:link,#ilist212 li a:link,#toplist li a:link,#ilist250 li a:link,#ilist li a:visited,#ilist212 li a:visited,#ilist250 li a:visited,#toplist li a:visited{color:<%=rs("Color7")%>;}

.link {padding:10px 5px;text-align:left;line-height:20px;}

#nw_right {float:<%If rs("content")="left" then Response.Write("right") else Response.Write("left") end if%>;}
#web2r {border:1px solid <%=rs("Color2")%>;width:300px;background: <%=rs("Color3")%>;text-align:left;margin-bottom:5px;}
#web2r h5 {background: <%=rs("Color1")%>;padding:5px;margin:1px;font-size:14px;color:<%=rs("Color4")%>;}
#web2r ul {padding:0 4px;}
#list10 li {font-size:12px;height:25px;line-height:25px;border-bottom:1px dashed #ccc;overflow:hidden;}

#nw_left {float:<%=rs("content")%>;}
#web2l {width:640px;border:1px solid <%=rs("Color2")%>;margin:0 0px 5px 0;text-align:left;}
#web2l h5 span {background:#FF0066;color:#ffffff;padding:3px 5px;font-weight:bold;}
#web2l h5 span a:link,#web2l h5 span a:visited {color:#FFFFFF;}
#web2l h5 span a:hover {color:#FFFF00;text-decoration:none;}
#web2l h6 {background: <%=rs("Color1")%>;padding:5px;margin:1px;font-size:14px;color:<%=rs("Color4")%>;}
#web2l h6 a{color:<%=rs("Color4")%>;}
#web2l #content {width:625px;font-size:14px;line-height:25px;padding:6px;overflow:hidden;}
#web2l #content p{margin-bottom:1em;}
#web2l #content #listul a{text-decoration:underline;}
#web2l #content .zhaiyao {margin:3px 20px;padding:5px;border:1px solid #ccc;background:#f7f7f7;}
#web2l #copy {margin:5px auto;border-bottom:1px dashed #ccc;width:90%;text-align:right;padding:10px;}

#web2l #content li {font-size:12px;color:#000000;}
#web2l #content #listul li a:link,#web2l #content #listul li a:visited {font-size:14px;color:<%=rs("Color5")%>;font-weight:bold;text-decoration:none;}
#web2l #content #listul li a:hover {color:#ff0000;text-decoration:underline;}
#web2l #content .box{padding:0 1em; line-height:2em; margin-top:5px;padding-bottom:5px;color:<%=rs("Color6")%>}

.dh {background:url(dh.gif) 6px 8px no-repeat;padding:7px 20px;margin:1px;text-align:left;font-weight:normal;font-size:12px;}
.dh span {float:right;}

/*列表分页*/
............

要使用的代码如下:
<div id="ilist212" class="indexvote" style="padding-bottom:4px">
<h6  style="text-align: center">
<a href="<%=SitePath%><%=IIF(Html=3,"about/About_1.html","About.asp?ID=1")%>" target="blank">关于我们</a> |
<a href="<%=SitePath%><%=IIF(Html=3,"about/About_2.html","About.asp?ID=2")%>" target="blank">系统介绍</a> |
<a href="<%=SitePath%><%=IIF(Html=3,"about/About_3.html","About.asp?ID=3")%>" target="blank">使用说明</a> |
<a href="<%=SitePath%><%=IIF(Html=3,"about/About_4.html","About.asp?ID=4")%>" target="blank">联系我们</a> |
<a href="<%=SitePath%><%=IIF(Html=3,"product/product.html","product.asp")%>" target="blank">网站商城</a></h6></div>
<%
    Response.Write("<div id=""clear""></div>") & VbCrLf
    Response.Write("<div id=""webcopy"">") & VbCrLf


[ 本帖最后由 znmw 于 2012-1-4 18:10 编辑 ]

俺不高手,俺也是来学习的。
2012-01-04 18:08
快速回复:css里怎么再加一个代码呀?谢谢
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.019833 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved