怎样制作CSS模板?请详细说明

html-css014

怎样制作CSS模板?请详细说明,第1张

http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html

跟我一起玩百度空间CSS教程+090+ (从"零"开始学玩百度空间)

http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html

谭诚工作室: http://hi.baidu.com/tchzx

1.让你看懂css各个参数http://hi.baidu.com/tchzx/blog/item/1e0453e7c351052eb838200d.html

2.百度空间CSS使用说明http://hi.baidu.com/tchzx/blog/item/b360d33fddd2b0c27c1e714a.html

3.怎样编写CSS的! http://hi.baidu.com/tchzx/blog/item/d75fd7a2f36821adcaefd0e1.html

4.CSS代码解密http://hi.baidu.com/tchzx/blog/item/f106f71f339b06f5e1fe0bfe.html

5.一个CSS的漏洞http://hi.baidu.com/tchzx/blog/item/c1e74cfb9c6c8164024f560d.html

6.增加自定义模块功能http://hi.baidu.com/tchzx/blog/item/c207c91b9f69d7faae513303.html

7.更换主体及文章的背景http://hi.baidu.com/tchzx/blog/item/f7b0d609ad57ba82d0581b15.html

8.透明flash代码http://hi.baidu.com/tchzx/blog/item/5012e1cd15168a510eb345e3.html

9.百度空间十大宝藏http://hi.baidu.com/tchzx/blog/item/7e3daa6eb9da40da80cb4a62.html

10.制作个性化的标题栏http://hi.baidu.com/tchzx/blog/item/ae077109a6518aaf2fddd434.html

11.看到更多的百度空间http://hi.baidu.com/tchzx/blog/item/dbe16c634f5e47600d33fa07.html

12.百度空间的8个优缺点http://hi.baidu.com/tchzx/blog/item/75d054432e8b9e119213c606.html

13.专栏分割线的代码修改http://hi.baidu.com/tchzx/blog/item/32c416df0880ac1362279831.html

14.添加自己的LOGO图片http://hi.baidu.com/tchzx/blog/item/0bee1a9599002e087af48000.html

15.宣传百度空间的方法http://hi.baidu.com/tchzx/blog/item/a8f9758b7e459512c9fc7a59.html

16.添加多首背景音乐http://hi.baidu.com/tchzx/blog/item/5339282e42b2bd504ec22617.html

17.设置透明背景图http://hi.baidu.com/tchzx/blog/item/f4cb90dd7fad81345882ddb6.html

18.更改空间的鼠标样式http://hi.baidu.com/tchzx/blog/item/50c2c15cc3d17f43faf2c0b6.html

19.在空间里加入滚动条http://hi.baidu.com/tchzx/blog/item/702631d319d09a003bf3cfb6.html

20.透明的背景音乐的播放器http://hi.baidu.com/tchzx/blog/item/97f7b909d38ada246a60fbb6.html

21.透明个性化滚动条http://hi.baidu.com/tchzx/blog/item/3013b5fbeaff41224e4aeab6.html

22.给链接添加背景色效果代码http://hi.baidu.com/tchzx/blog/item/effb6427fc39db03908f9db6.html

23.显示"点击给你发消息"怎么在空间做! http://hi.baidu.com/tchzx/blog/item/62e02f3893d9c524b9998fb6.html

24.去掉文章题目下划线http://hi.baidu.com/tchzx/blog/item/ce8c044f1019db36aec3abb6.html

25.常用插入图片位置的代码http://hi.baidu.com/tchzx/blog/item/83257c89c9b823b30e2444b5.html

26.如何隐藏播放器而不影响音乐播放http://hi.baidu.com/tchzx/blog/item/e4233edbfb147e66d1164eb5.html

27.如何有字体阴影http://hi.baidu.com/tchzx/blog/item/b1d78094e72b511ed31b70b5.html

28.自制闪字空间名称http://hi.baidu.com/tchzx/blog/item/df49ca114a626b10b8127bb5.html

29.解决回车换两行的问题http://hi.baidu.com/tchzx/blog/item/b420a086e4fe533e66096eb5.html

30.调整一下行距http://hi.baidu.com/tchzx/blog/item/b8bc514e84b1fd09b2de05b5.html

31.让空间拥有精美flash背景http://hi.baidu.com/tchzx/blog/item/5fc12af5ea17b525bd3109b5.html

32.让空间自动弹出对话框！http://hi.baidu.com/tchzx/blog/item/5339282e4cd0b7504ec226b5.html

33.修改blog显示的文字颜色大小http://hi.baidu.com/tchzx/blog/item/691c36ad2e075a094a36d6b5.html

34.如何让你的浏览器滚动条变色http://hi.baidu.com/tchzx/blog/item/af686238d73fbd2396ddd8b5.html

35.为评论和链接加上图片http://hi.baidu.com/tchzx/blog/item/b2c26759e6c5f82a2934f0b5.html

36.如何在"其它"下面加上图片http://hi.baidu.com/tchzx/blog/item/6c1f975228ca5e0e0df3e3b5.html

37.百度空间的名称如何用艺术字？http://hi.baidu.com/tchzx/blog/item/0738f00331678cec09fa93b5.html

38.百度空间文字发光的方法http://hi.baidu.com/tchzx/blog/item/d5b9ff19f8f01a7adbb4bdb5.html

39.文字快速插链接http://hi.baidu.com/tchzx/blog/item/ca2b7e3166bd9f19eac4afb5.html

40.空间模块巧移动http://hi.baidu.com/tchzx/blog/item/b4abaa4b8efb5ff083025cb4.html

41.个性化你的IP显示，自定义颜色http://hi.baidu.com/tchzx/blog/item/378ed71659cc8718962b43b4.html

42.全透明http://hi.baidu.com/tchzx/blog/item/c12a7a1e97f322f41ad576b4.html

43.空间背景半透明http://hi.baidu.com/tchzx/blog/item/b4e8bda1faf95e8b461064b4.html

44.如何在百度空间的文章标题周围加花边图案？http://hi.baidu.com/tchzx/blog/item/55a6221fbf22fdc8a68669b4.html

45.关于百度空间照片大小限制的问题!!! http://hi.baidu.com/tchzx/blog/item/f7b0d609ab36b082d0581bb4.html

46.如何在百度空间发表文章时插入FLESH动画？http://hi.baidu.com/tchzx/blog/item/f106f71f32c101f5e1fe0bb4.html

47.怎样换百度空间的背景http://hi.baidu.com/tchzx/blog/item/c94729dd492b50d98c1029b4.html

48.做分割线的方法http://hi.baidu.com/tchzx/blog/item/f6fbb77e136749380dd7dab4.html

49.在百度空间里面添加自己的特效http://hi.baidu.com/tchzx/blog/item/69db8044561f364c500ffeb4.html

50.在文章中快速插入图片http://hi.baidu.com/tchzx/blog/item/437f5eee9b8a79fbb3fb95b4.html

51.添加计数器的两种方法http://hi.baidu.com/tchzx/blog/item/0731f5d3cecb3ddfa8ec9ab4.html

52.如何在空间顶部加入图片http://hi.baidu.com/tchzx/blog/item/4b9b8cd437fbab01a08bb7b4.html

53.发表评论框的图片http://hi.baidu.com/tchzx/blog/item/b4abaa4b8ef45ff083025cab.html

54.改变空间主页名称和简介的字体大小http://hi.baidu.com/tchzx/blog/item/7e3daa6e94237dda80cb4aab.html

55.给超链接添加按钮效果http://hi.baidu.com/tchzx/blog/item/95f73d292412ccfe98250aab.html

56.如何给评论框添加背景http://hi.baidu.com/tchzx/blog/item/c26ece17518b4b09c83d6df9.html

57.Iframe 用法的详细讲解http://hi.baidu.com/tchzx/blog/item/e23e207f172e2b0828388a8e.html

58.背景图片素材01 http://hi.baidu.com/tchzx/blog/item/bc11d02aa2db092dd52af10f.html

59.图片素材20060929 http://hi.baidu.com/tchzx/blog/item/6d12563d821675ee3c6d970e.html

60.我的自定义设计 http://hi.baidu.com/tchzx/blog/item/3c6ab5b731ac21f431add193.html

61.CSS鼠标样式大全 http://www.hi128.cn/?250/action_viewspace_itemid_37.html

62.跟我一起玩百度空间的音乐和视频+ http://hi.baidu.com/tchzx/blog/item/398833a85082a0b1ca130c21.html

63.为<好友列表>增加一个滚动条 http://hi.baidu.com/tchzx/blog/item/b54a0bf4d32be5ef7709d70b.html

64.空间模块巧移动 + 文字快速插链接 http://hi.baidu.com/tchzx/blog/item/d6369b82c9d0e2bf6d811914.html

65.怎么去掉百度空间里模块的框框！http://hi.baidu.com/tchzx/blog/item/5012e1cd2f64b0510eb345b1.html

66.基本颜色代码+ http://hi.baidu.com/tchzx/blog/item/e3f0317aa7d065ed2f73b329.html

67.在你的空间中加入幽默元素.. http://hi.baidu.com/tchzx/blog/item/5612858b86b287d3fc1f10f0.html

68.百度空间吧[精品]贴+ http://hi.baidu.com/tchzx/blog/item/06cf65d06bb7be8fa1ec9cf9.html

69.如何在博客上---中--下加入图片（时钟）http://hi.baidu.com/tchzx/blog/item/8e2cb0452fc7b226cefca333.html

72.教你10个你未必知道的CSS技巧! http://hi.baidu.com/tchzx/blog/item/ee3cb41c0680918b86d6b60e.html

73.用CSS进行百度空间样式设计! http://hi.baidu.com/tchzx/blog/item/f7b0d609a75eac82d0581b0c.html

74.百度空间自动友情链接 http://hi.baidu.com/tchzx/blog/item/f235a64477276882b2b7dc98.html

75.一起玩百度空间帮助 http://hi.baidu.com/tchzx/blog/item/e4233edbfee96366d0164e98.html

76.一起玩百度空间榜单 http://hi.baidu.com/tchzx/blog/item/5173043b98a1f8ea15cecb99.html

77.点对点宣传百度空间 http://hi.baidu.com/tchzx/blog/item/e859cc13444c3823dc540164.html

78.百度空间常见27+问题 http://hi.baidu.com/tchzx/blog/item/9636b38f8c02a5eef11f365a.html

79.怎样让百度、Google搜到你的博客 http://hi.baidu.com/tchzx/blog/item/3c6ab5b70df03df430add15f.html

80.如何加上一个个性时间网页上？http://hi.baidu.com/tchzx/blog/item/f467a7ec9522603d279791a5.html

81.教你怎样让背景自动更新,包括头背景 http://hi.baidu.com/tchzx/blog/item/92eb968f3bd93afa503d927a.html

82.在 CSS 中关于字体处理效果的思考 http://hi.baidu.com/tchzx/blog/item/4ac6be3876097ac2d4622526.html

83.如何置顶文章及美化自定意模块! http://hi.baidu.com/tchzx/blog/item/6c1f97523edf440e0df3e382.html

84.如何美化页眉部分 http://hi.baidu.com/tchzx/blog/item/d6f1ecc4d2bb75a98326ac83.html

85.更换背景及滚动轴颜色和空间半透代码 http://hi.baidu.com/tchzx/blog/item/4dd018306adb8e99a8018e8c.html

86.如何设置标题.简介及文章字体为光晕字 http://hi.baidu.com/tchzx/blog/item/55a6221f8acae6c8a786698c.html

87.用CSS来控制网页背景 http://hi.baidu.com/tchzx/blog/item/cce94b08ec6526950b7b8228.html

88.CSS产生的特殊效果 http://hi.baidu.com/tchzx/blog/item/e763a11ebdb7c61f40341728.html

89.用Css控制IE5.5浏览器中滚动条 http://hi.baidu.com/tchzx/blog/item/4dd0183097408399a8018e29.html

90.css语法(百度空间) http://hi.baidu.com/tchzx/blog/item/e5e21ed8ac5b8a3532fa1c29.html

参考资料：http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html

这个怎么样我只能做这个了还不错吧/*大背景*/ body{ BACKGROUND-POSITION:center 90%BACKGROUND-ATTACHMENT: fixedBACKGROUND-IMAGE: url(

)} body background-color:#FFFFFF background-repeat: repeat-xbackground-position: top leftbackground-attachment: fixed} body a:link{text-decoration:nonecolor:#FF3399} body a:visited{text-decoration:nonecolor:#FF3399} body A:hover{text-decoration:nonecolor:#FF3399} body{scrollbar-face-color: #FFF1F7scrollbar-shadow-color: #FF3399scrollbar-highlight-color: #FF3399scrollbar-3dlight-color: #FFEEEEscrollbar-darkshadow-color:#FFEEEEscrollbar-arrow-color:#FF3399scrollbar-base-color: #FFFFFscrollbar-track-color: #FFFFFCURSOR:url('http://k688.com/sc/shubiao/591scimgcur/162.ani')}/*鼠标一*/ a{CURSOR:url('http://k688.com/sc/shubiao/591scimgcur/052.ani')}/*鼠标二*/ a:hover {position:relativeleft:1pxtop:1pxclip:rect()} overflow-y:autooverflow-x:auto} /*上部背景设置*/ #main {background:url()} #header{left:410pxheight:400pxbackground:#000000background:url(http://www.bz100.com/bz100infoPic/pic55/pic55420c1.jpg) no-repeattop center } #header{left:410pxheight:400pxbackground:#000000background:url(http://www.bz100.com/bz100infoPic/pic55/pic55420c1.jpg) no-repeattop left} #header div.lc{background:url() no-repeattop:-10pxleft:-5px } #header div.rc{width:200px!importanttop:0pxleft:890pxbackground: scroll url() no-repeat } #header div.tit{top:50pxleft:-200pxline-height:66pxfont-size:32pxfont-family:黑体color:#FFFFFF} /*空间名称位置*/ #header div.tit a.titlink{color:#FFFFFFfilter:glow(color:#E573AE,strength=3)height:12pxtext-decoration:none} #header div.tit a.titlink:visited{color:#FFFFFFfilter:glow(color:#E573AE,strength=3)height:12pxtext-decoration:non} #header div.desc{top:230pxleft:-300pxcolor:#E573AEfont-size:15pxFILTER:glow(color=#FFF1F7direction=1)}/*空间简介的位置*/ /*导航栏设置*/ #tab span {display:none} #tabline{display:none} #tab { TOP:375pxHEIGHT:40pxleft:-250px } #tab a{text-decoration:none} #tab a.on,#tab a.on:link,#tab a.on:visited ,/*Ñ¡ÖÐ*/{text-align:centerwidth:90pxcolor:#E37272font-size:13pxBACKGROUND: scroll url(

" target="_blank" >

) no-repeat 0px 0pxfilter:Alpha(opacity=60)font-family:Georgia} #tab a:link,#tab a:visited /*δѡÖÐ*/{color:#E37272text-align:centerwidth:90pxtext-decoration:nonefont-size:13pxline-height:32pxBACKGROUND: scroll url(

" target="_blank" >

) no-repeatfilter:Alpha(opacity=60)} #tab a:hover ,#tab a.on:hover{background: url("http://image.17173.com/bbs/upload/2005/10/25/1130204329.png") no-repeat -2px 0px} #tab2 span {color:#E37272font-size:12pxfont-weight:bold} #tab2 a TAB{font-size:12px} #tab2 a:link{color:#E37272} #tab2 a:visited{color:#E37272} /*除头部外的空间主体*/ .stage{} .stage {text-align:centerwidth:960px!importantmargin:10px 0px 0px 0pxbackground:url() repeat-y }/*内容区域背景中间图*/ .stagepad{ WIDTH:850px!importantmargin-left:10px}/*其他页面*/ #layout {width:780pxmargin-left:30pxbackground:url() no-repeat bottom 0pxpadding-bottom:26px}/*首页内容布局,横向划分为二版下面图*/ /*其它区域(即访问量等信息)-----------------------------------------------*/ #comm_info{font-size:14pxcolor:#666666font-family:Arialtext-align:left} #comm_info div.line{margin-top:10pxline-height:160pxbackground:url(http://i3.tinypic.com/vwpl55.gif) no-repeat center} #comm_info a{color:#666666} #page{height:30pxfont-size:14pxfont-family:Arialtext-align:center} #page span{padding:3pxcolor:#000000font-size:14pxfont-weight:bold} #page a.pc{color:#61AB8Afont-size:14pxfont-weight:bold} #page a.pc:visited{color:#61AB8A} #page a.pi{padding:3pxcolor:#61AB8Afont-size:14px} #page a.pi:visited{color:#61AB8A} .mod{margin-bottom:10pxborder:1px dotted #E573AE} .modhandle{cursor:move} .modth{height:20pxbackground:URL(http://image.17173.com/bbs/upload/2005/10/27/1130376374.gif) repeatcentertext-decoration:none}/*置顶花边*/ .modhead{padding:4px 4px 0 4px} .modopt{padding:4px 4px 0 0} .modtit{color:#666666font-size:13pxfont-weight:bold}a.modtit{color:#B444FF}a.modtit:visited{color:#666666filter} .modtitlink{color:#666666font-size:13pxfont-weight:bold}a.modtitlink{color:#B444FFtext-decoration:none}a.modtitlink:visited{color:#666666text-decoration:none}a.modtitlink:hover{color:#666666text-decoration:666666} .modact{color:#666666font-size:13px}a.modact:link{color:#666666}a.modact:visited{color:#666666} #mod_mylink1.mod{background:url(

) no-repeatbackground-position: bottompadding-bottom: 390pxfilter: alpha(opacity=80)} .modbox{padding:10px 10px 0 10pxbackground: 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 div.tit{text-decoration:nonefont-size:15pxcolor:#FF6699font-weight:boldline-height:40pxtext-indent:40pxbackground:url(

) no-repeat leftdecoration:none} #m_blog div.tit a{text-decoration:nonecolor:#FF6699font-size:15pxfont-weight:bold}} #m_blog DIV.tit A {FONT-WEIGHT: boldFONT-SIZE: 15pxCOLOR: #FF6699} #m_blog DIV.tit A:visited {COLOR:#FF00FF } /*文章标题栏*/ #m_blog div.date{background:url(http://bbs.9degree.com/UploadFile/2006-4/200642910433515725.gif) no-repeat TOP centercolor:lightslategraypadding-top:58pxtext-align:centermargin-left:10px} /*文章标题下方可插入图片*/ #m_blog div.cnt{color:#EB9C9Cline-height:20pxfont-size:14pxborder:3px dotted :#AD9585background:url(

) repeatPADDING: 10px} #m_blog div.cnt div{font-size:14px} #m_blog div.more{margin:14px 0 16px 0text-align:center} #m_blog div.more a{color:#E573AEtext-align:centerwidth:150pxtext-decoration:nonefont-size:12pxline-height:100pxBACKGROUND: scroll url(http://wysck.cn/source2008/07/05/08/023/761.gif) no-repeat} /*阅读全文图框*/ #m_blog div.more a:visited{color:#E573AE} #m_blog div.opt{color:#E573AEfont-size:13px} #m_blog div.opt a{color:#E573AEfont-size:13px} #m_blog div.opt a:visited{color:#E573AE} #m_blog div.line{margin-top:20pxline-height:50pxbackground:url(http://image.17173.com/bbs/upload/2006/02/06/1139224522.gif) repeat-x} /*分隔线*/ #m_blog div.none{padding:100px 0 100px 0color:#666666font-size:14px} http://wysck.cn/source2008/07/05/10/001/161.gif /*个人区域-------------------------------------------------------------*/ #m_pro a{color:#666666} #m_pro a:visited{color:#666666} #m_pro div.image{text-align:centerBACKGROUND: url() } /*个人头像处*/ #m_pro div.act{margin-top:5pxfont-weight:boldbackground:url(http://i3.tinypic.com/vwpm6w.gif) no-repeat bottompadding-bottom: 120pxmargin-bottom: 0px} /*头像下方插入图片*/ #m_pro div.user{margin-top:10pxcolor:#E573AEfont-size:15pxfont-weight:boldfilter:DropShadow(Color=#222222, OffX=1, OffY=1, Positive=true)text-align:center} #m_pro div.desc{color:#E573AEfont-size:12px} #m_pro div.line{line-height:280pxbackground:url() no-repeat top center} #m_pro td{color:#666666line-height:24pxfont-size:14px} /*相册区域-----------------------------------------------------------------*/ #m_album div.image{text-align:left} #m_album div.page{color:#333333font-size:6pxtext-align:center} #m_album div.page a{color:#333333font-size:6px} #m_album div.page a:visited{color:#333333} #m_album .phpage{margin-top:10pxpadding-bottom:5pxtext-align:center} #m_albumlist td.image{padding:5pxborder:1px solid #CFCFD7background:#CFCFD7} A IMG {FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100,finishopacity=0,style=2)} A:hover IMG {FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100)} /*图片光晕效果*/ /*友情链接区域-------------------------------------------------------------*/ #m_links div.item{color:#AD9585font-size:12pxline-height:15pxtext-indent:0pxbackground:url(

) no-repeat} #m_links div.item a{margin:0pxcolor:#E37272font-size:12pxtext-decoration:none} #m_links div.item a:visited{color:#E37272} #m_links div.line{margin-top:5pxline-height:8pxborder-top:1px solid #FFEEF1} #m_links {background:url(http://www.haotu.cn/0815/sucai/gif/46/images/xsgs_2_028.gif) no-repeatbackground-position: bottompadding-bottom: 0pxfilter: alpha(opacity=80)} /*名人blog*-------------------------------------------------------------*/ #m_mylink2 div.item{text-indent:25pxcolor:#EE9611font-size:14pxbackground:url(

" target="_blank" >

) no-repeat} #m_mylink2 div.item a{color:#666666font-size:12pxtext-decoration:none} #m_mylink2 div.item a:visited{color:#666666} #m_mylink2 div.line{margin-top:2pxline-height:16pxbackground:url(

" target="_blank" >

) no-repeat top center} /*猪友*-------------------------------------------------------------*/ #m_mylink1 {text-align:centerFILTER: glow(color=#FFFFFF,direction=2)} #m_mylink1 div.item{color:#EB9C9Cfont-size:12pxline-height:20pxtext-indent:18pxbackground:url(

) no-repeat} #m_mylink1 div.item a{color:#E37272font-size:13pxtext-decoration:none} #m_mylink1 div.line{margin-top17pxline-height:18pxborder-top:5pxbackground:url(http://www.cutehome.net/sozaiaa/line/4/sf_20041214182632.gif) repeat} #m_mylink2 div.item{color:#AD9585font-size:12px} #m_mylink2 div.item a{color:#E37272font-size:12pxtext-decoration:none} #m_mylink2 div.item a:visited{color:#E37272} #m_mylink2 div.line{margin-top:5pxline-height:8pxborder-top:1px solid #FFEEF1} #m_mylink2 {background:url(http://bbsimg.qq.com/2006/06/05/004/70.gif) no-repeat top centerpadding-top:50pxtext-decoration:none} #m_mylink3 div.item{text-indent:25pxcolor:#EE9611font-size:14pxbackground:url(

" target="_blank" >

) no-repeat} #m_mylink3 div.item a{color:#666666font-size:12pxtext-decoration:none} #m_mylink3 div.item a:visited{color:#666666} #m_mylink3 div.line{margin-top:2pxline-height:16pxbackground:url(

" target="_blank" >

) no-repeat top center} #m_mylink4 div.item{color:#AD9585font-size:12px} #m_mylink4 div.item a{color:#E37272font-size:12pxtext-decoration:none} #m_mylink4 div.item a:visited{color:#E37272} #m_mylink4 div.line{margin-top:5pxline-height:8pxborder-top:1px solid #FFEEF1} /*文章分类*-------------------------------------------------------------*/ #m_artclg /*滚动条*/{overflow-y:autoheight:px} #m_artclg div.item{color:#EB9C9Cfont-size:12pxline-height:21pxtext-indent:25pxbackground:url(http://photo1.yupoo.com/20070208/154613_1199042114_cewbmddv.jpg) no-repeat} #m_artclg div.item a{color:#666666font-size:12px} #m_artclg div.item a:visited{color:#666666} #m_artclg div.line{margin-top:5pxline-height:10pxborder-top:1px background:url(http://vivid.19.cloud.com.cn/main/Article/UploadFiles/200607/20060710210224403.gif) repeat-x center} /*最新评论-----------------------------------------------------------------*/ #m_comment/*滚动条*/{} #m_comment div.item{color:#666666font-size:12pxline-height:21pxtext-indent:25pxbackground:url(

" target="_blank" >

) no-repeat} #m_comment div.item a{color:#FF6699font-size:12px} #m_comment div.item a:visited{color:#FF6699} #m_comment div.item a.cnt{color:#666666font-size:12pxtext-decoration:none} #m_comment div.item a.cnt:visited{color:#666666text-decoration:none} #m_comment div.item a.cnt:hover{color:#66666text-decoration:underline} #m_comment div.line{margin-top:5pxline-height:16pxborder-top:1px background:url(http://image.17173.com/bbs/upload/2006/02/06/1139224158.gif) repeat-x center} #m_comment{filter:alpha(opacity=75)height:460pxbackground:url() no-repeat} /*网友评论-----------------------------------------------------------------*/ #in_comment 主体{width:710px} #in_comment div.tit/*标题*/{margin-bottom:12pxcolor:#666666font-size:14pxfont-weight:bold} #in_comment div.user/*发表人名*/{margin-bottom:6pxcolor:#666666font-size:12px} #in_comment div.user a/*发表人名(链接)*/{color:#FF6699font-size:12px} #in_comment div.user a:visited{color:#225C84} #in_comment div.user span.date/*发表时间*/{color:#666666font-size:12px} #in_comment div.desc/*评论内容*/{color:#666666font-size:12px} #in_comment div.line/*分界线*/{margin-top:5pxline-height:23pxborder-top:1px background:url(http://image.17173.com/bbs/upload/2006/02/04/1139055889.gif) repeat-x center} /*发表评论及留言板中添加留言的设置*/ #in_send div.tit{text-align:centercolor:grayfont-size:14pxfont-weight:bold}/*"发表评论"和"添加留言"的字体样式设置*/ #in_send td{color:silver}/*所有不在输入框以及提交按钮中的字体颜色设置*/ #in_send td a{color:#3399CC}/*超链接颜色设置,即验证码边上的"看不清"的颜色设置*/ #in_send td.f14 input{background:#252525color:FF3399border-top:2px solid darkgrayborder-left:2px solid dimgrayborder-bottom:2px solid blackborder-right:2px solid #444444}/*设置所有input标签的背景色,字体色以及突出效果*/ #spBlogCmtor,#spBlogCmtURL,#spBlogCmtText,#spBCmtText,#spBCmtAuthor,#spBCmtURL,#vercode input{background:#252525color:whiteborder-top:2px solid FF3399 !importantborder-left:2px solid #FF3399 !importantborder-bottom:2px solid FF3399 !importantborder-right:2px solid FF3399 !important}/*设置发表评论以及添加留言中各输入框的背景色,字体色以及内凹效果,并用!important设置为优先,这样就覆盖了上面的全input效果*/ #spBCmtText{background:url(

) no-repeat top centercolor:#FF3399font-size:16px}/*设置留言内容框的背景和字体设置*/ /*留言板中网友留言的设置*/ #in_msg{width:710px} #in_msg div.tit{margin-bottom:12pxcolor:#AD9585font-size:14pxfont-weight:bold} #in_msg .item td.index{width:40pxfont-weight:bold} #in_msg .item div.user{width:150pxcolor:#AD9585} #in_msg .item div.user a{color:#E37272font-size:12px} #in_msg .item div.user a:visited{color:#E37272} #in_msg .item div.user img{margin-bottom:5px} #in_msg .item td.cnt a{color:#E37272font-size:12px} #in_msg .item td.cnt a:visited{color:#3E37272} #in_msg span.date{color:#AD9585font-size:12px} #in_msg div.desc{margin-top:5pxcolor:#AD9585font-size:12px} #in_msg div.line{margin-top:17pxline-height:17pxborder-top:1px solid #FFEEF1} #in_msg div.line{margin-top:15pxline-height:20pxbackground:url(

" target="_blank" >

) repeat-x} /*文章存档区域-------------------------------------------------------------*/ #m_filed div.item{color:#FFFFFFfont-size:13pxline-height:21pxtext-indent:20pxbackground:url(

" target="_blank" >

) no-repeat left top} #m_filed div.item a{color:#colorfont-size:13px} #m_filed div.item a:visited{color:#color} #m_filed div.line{margin-top:5pxline-height:16pxborder-top:1px background:url(http://image.17173.com/bbs/upload/2005/10/25/1130204731.gif) repeat-x center} #m_filed {filter:alpha(opacity=75)height:260pxbackground:url() no-repeat} /*最近访客*-------------------------------------------------------------*/ #mod_track .modth .modtit{ font-family:"Georgia"font-size: 13pxcolor:#9B9B9B} #mod_track .modbox table td{border-bottom:#FF3399 dotted 2px} #mod_track .modbox table td img{width:50px!importantheight:50px!importantborder:#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:nonecolor:#666666} 好友列表 #m_friend div.filter{margin-bottom:10pxpadding-left:10pxpadding-top:10pxheight:27pxline-height:27px} #m_friend div.catalog{margin-bottom:10pxpadding-left:10pxheight:27pxline-height:27pxbackground-color:#F2F2F2font-size:14px} #m_friend div.user{margin-top:4pxcolor:#6AB738font-size:12px} #m_friend div.user a{color:#666666font-size:12px} #m_friend div.user a:visited{color:#666666} #m_friend div.line{margin-top:10pxline-height:20pxborder-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:#F0317Dfont-size:12pxborder: 1px solid #000000background:url(http://bbsimg1.qq.com/2006/09/10/000/380.gif) no-repeat top leftbackground:url(http://bbs.5617.com/attachment/Type_gif/52_186915.gif) no-repeat top rightfont-family: "Times New Roman", Times, seriftext-align: center} #pvshow{color:#FF3399font-family:"Georgia",font-size:16pt} /*添加图片的各种区域---------------------------------------------------------*/ #mod_links{background:url(

) no-repeatbackground-position: toppadding-top: 345px} #mod_comment{background:url(

) no-repeatbackground-position: toppadding-top: 375px} /*日历主体背景,边框----------------------------------------------------------*/ #m_cang div.item{color:#8CCEFBfont-size:12px} #m_cang div.item a{color:#8CCEFBfont-size:12pxtext-decoration:none} #m_cang div.item a:visited{color:#E37272} #m_cang div.line{margin-top:5pxline-height:8pxborder-top:1px solid #FFEEF1} div#cals *.cal_active{color:#000000text-decoration:nonefont-weight:boldBACKGROUND:url(http://photo1.yupoo.com/20070208/154611_842959271_egkguhlc.jpg) center no-repeatlinehight:12px} div#cals *.cal_select{padding:2pxborder:1px solid #FFBBC9background-color:#eeeeeecolor:#0000cctext-decoration:underline} div#cals{{background:url(

" target="_blank" >

) left}/*日历主体背景,边框*/ div#cals{{background:url(

" target="_blank" >

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

div是网页的一个标签就好比html标签，div是一个层

css网页模版就是用css写好的网页布局，可以用来编排网页，直接把那个css文件拷过来，然后就可以用那些样式了。