CSS留言板加上背景代码操作方法 具体的方法 和代码

html-css084

CSS留言板加上背景代码操作方法 具体的方法 和代码,第1张

留言板不能单独加上背景,留言板模块属于主体区域,你可以设置.stage{}区域的图片,模板主体区域

也可以设置每个模块的图片

.modbox{padding:10px 10px 0 10pxbackground-color:#F5FEECborder-left:1px solid #6AB30Fborder-right:1px solid #6AB30F}——模块内容区主背景颜色:关于我,最新评论,文章列表,好友列表区域背景颜色或图片。

这个是显示在主页的代码

主页留言板代码:

#mod_board div.item {color:#0909F7font-size:12px}——留言内容

#mod_board span.date{color:#FF88FF}——留言时间

#mod_board div.user a{color:#00FFFF}——留言用户名

#mod_board div.user a img{}——留言用户头像

#mod_board td.index{color:#00FFFF}——留言序号

#mod_board div.line{margin-top:10pxbackground-color:#000000line-height:1px}——分界线

这个是点击查看全部留言的代码

留言板区域 #in_msg留言区部分

#in_msg{width:710px}——整体部分

#in_msg div.tit{margin-bottom:12pxcolor:#666666font-size:14pxfont-weight:bold}——留言板的标题

#in_msg .item td.index{width:40pxfont-weight:bold}——留言序号

#in_msg .item div.user{width:150pxcolor:#666666}——留言人名

#in_msg .item div.user a{color:#5AB600font-size:12px}——留言人名称(带链接的)

#in_msg .item div.user a:visited{color:#5AB600}——留言人名称(点击之后)

#in_msg .item div.user img{margin-bottom:5px}——留言人头像

#in_msg .item td.cnt a{color:#5AB600font-size:12px}——"删除"(未点击时的式样)

#in_msg .item td.cnt a:visited{color:#5AB600}——"删除"(点击之后的式样)

#in_msg span.date{color:#666666font-size:12px}——留言日期

#in_msg div.desc{margin-top:5pxcolor:#666666font-size:12px}——留言内容(文字部分)

#in_msg div.line{background:url(图片地址) repeat-x center center}——分割线 (也是留言条数)

留言板的CSS

#in_msg div{} /*留言区*/

#in_msg div.tit{} /*网友留言标题*/

#in_msg table.item{} /*网友留言标题*/

#in_msg td.index{} /*留言序号*/

#in_msg div.user a{} /*留言用户*/

#in_msg div.user a img{} /*用户头像*/

#in_msg td.cnt{} /*留言时间*/

#in_msg div.desc{} /*留言内容*/

主页和个人档案的留言板的CSS

#m_board div.item {} /*留言内容*/

#m_board span.date{} /*留言时间*/

#m_board div.user a{}/*留言用户名*/

#m_board div.user a img{}/*留言用户头像*/

#m_board div.line{}/*分隔线*/

#m_board td.index{} /*留言序号*/

示例:.EditorContainer{width:590px!importantheight:192px!importantoverflow:visible!importantbackground:url(

) repeatbackground-position:-5PX -0PX!importanttextarea{color:paleturquoisefont-size:13pxfont-family:楷体border:double #51727b 4pxbackground-color:#000000} }--------------------------------结合以上例子来修改你的留言板背景色。。最好提供以下空间地址以便更确切回复你的问题。。