百度空間CSS表較詳細(xì)注釋

1、打開css表：在空間頁(yè)面上依次點(diǎn)擊：設(shè)置高級(jí)設(shè)置自定義css代碼解釋：1、關(guān)于文字或背景的顏色的16進(jìn)制代碼形式如：#530c0e可以到下面日志直觀查看顏色代碼：各種顏色十六進(jìn)制代碼表【其一】各種顏色十六進(jìn)制代碼表【其一】也可以用顏色的相應(yīng)英文單詞替換，如：black fuchsia gray gree lime maroon navy olive purple red silver teal white yellow blue aqua2、相關(guān)元素“位置”為“center,left,right”，可直接相互替換；3、文字等元素的大小格式為“13px”數(shù)字越大字號(hào)或元素就越大，反之則越??；4、

2、圖片地址可直接用可以引用的地址替換，建議將圖片傳到空間相冊(cè)后再引用。5、代碼詳細(xì)注釋：bodybackground-color:#530c0e背景顏色#headerheight:89px;background:url( repeat-x #ffda41主頁(yè)左上角背景圖片#header div.lcbackground:url( no-repeat#header div.rcbackground:url( no-repeat top right主頁(yè)右上角背景圖片#header div.tittop:8px;left:20px;line-height:22px;font-size:20px;fon

3、t-family:黑體空間名字大小顏色#header div.tit a.titlinkcolor:#ffc45e;text-decoration:none空間名字鏈接顏色，未被點(diǎn)擊#header div.tit a.titlink:visitedcolor:#ffc45e;text-decoration:none空間名字鏈接顏色，已被點(diǎn)擊#header div.desctop:33px;left:20px;color:#ffc45e;font-size:13px空間介紹位置大小顏色#tablinetop:89px#tabtop:67px;background:url( repeat-x頁(yè)面上

4、方“主頁(yè)博客|相冊(cè)”欄背景圖片#tab a.on,#tab a.on:link,#tab a.on:visitedmargin-top:3px;line-height:19px;background-color:#bc0304;color:#ffffff;font-size:14px頁(yè)面上方“主頁(yè)”欄大小顏色背景#tab spancolor:#ffffff;font-size:14px#tab a:linkcolor:#ffffff;text-decoration:none;font-size:14px頁(yè)面上方“博客|相冊(cè)”欄鏈接顏色，未被點(diǎn)擊#tab a:visitedcolor:#ffff

5、ff;text-decoration:none;font-size:14px頁(yè)面上方“博客|相冊(cè)”欄鏈接顏色，已被點(diǎn)擊#tab2background:#dae9f5#tab2 spancolor:#000000;font-size:12px;font-weight:bold#tab2 afont-size:12px#tab2 a:linkcolor:#0000cc#tab2 a:visitedcolor:#0000cc.stagebackground:url( repeat-x #9b1316#comm_infocolor:#000000;font-family:arial;text-alig

6、n:left其他中“已有 人次訪問(wèn)本空間”顏色位置#comm_info div.linemargin-top:5px;line-height:8px;border-top:1px solid #f4c1b5“已有 人次訪問(wèn)本空間”下面粉紅色分割線相關(guān)設(shè)置#comm_info acolor:#d77b18其它中“什么是rss？”顏色#pageheight:30px;font-size:14px;font-family:arial;text-align:center#page spanpadding:3px;color:#000000;font-size:14px;font-weight:bold

7、#page a.pccolor:#d77b18;font-size:14px;font-weight:bold#page a.pc:visitedcolor:#d77b18#page a.pipadding:3px;color:#d77b18;font-size:14px#page a.pi:visitedcolor:#d77b18.modmargin-bottom:10px各欄目間的上下間距.modhandlecursor:move.modthheight:24px各欄目標(biāo)題和正文之間的間距.modheadpadding:4px 4px 0 4px各欄目標(biāo)題的位置.modoptpadding

8、:4px 4px 0 0各欄目間的上下間距.modtitcolor:#ffffff;font-size:12px;font-weight:bolda.modtitcolor:#ffffffa.modtit:visitedcolor:#ffffff各欄目標(biāo)題大小顏色.modtitlinkcolor:#ffffff;font-size:12px;font-weight:bolda.modtitlinkcolor:#ffffff;text-decoration:nonea.modtitlink:visitedcolor:#ffffff;text-decoration:nonea.modtitlink

9、:hovercolor:#ffffff;text-decoration:underline.modactcolor:#ffffff;font-size:12pxa.modact:linkcolor:#ffffffa.modact:visitedcolor:#ffffff每個(gè)欄目右上角“編輯”等鏈接的相關(guān)大小顏色設(shè)置.modboxpadding:10px 10px 0 10px;background-color:#fff6e7;border-left:1px solid #fff6e7;border-right:1px solid #fff6e7每個(gè)欄目的主背景顏色等.modtlbackgrou

10、nd:url( no-repeat top left;line-height:1px每個(gè)欄目左上角遠(yuǎn)郊邊沿圖片.modtcbackground:url( repeat-x每個(gè)欄目標(biāo)題中間的背景圖片.modtrbackground:url( no-repeat top right;line-height:1px每個(gè)欄目右上角遠(yuǎn)郊邊沿圖片.modblbackground-color:#fff6e7;border-left:1px solid #fff6e7;border-bottom:1px solid #fff6e7;line-height:1px每個(gè)欄目左下角點(diǎn)的設(shè)置.modbcbackgro

11、und-color:#fff6e7;border-bottom:1px solid #fff6e7;line-height:1px每個(gè)欄目最下端一條的設(shè)置.modbrbackground-color:#fff6e7;border-right:1px solid #fff6e7;border-bottom:1px solid #fff6e7;line-height:1px每個(gè)欄目右下角點(diǎn)的設(shè)置#m_blog div.titfont-size:14px;font-weight:bold#m_blog div.tit acolor:#000000;font-size:14px;font-weight

12、:bold日志標(biāo)題大小顏色，未被點(diǎn)擊#m_blog div.tit a:visitedcolor:#000000日志標(biāo)題大小顏色，已被點(diǎn)擊#m_blog div.datemargin:5px 0 8px 0;color:#666666日志日期文字大小顏色#m_blog tcolor:#000000;line-height:20px;font-size:14px日志內(nèi)容大小顏色#m_blog div.moremargin:14px 0 16px 0#m_blog div.more acolor:#d77b18;font-size:14px日志“閱讀全文”的大小顏色，未被點(diǎn)擊#m_blog div

13、.more a:visitedcolor:#d77b18日志“閱讀全文”的大小顏色，已被點(diǎn)擊#m_blog div.optcolor:#666666;font-size:12px“類別：技術(shù)專區(qū) | 編輯”中的“|”的顏色大小#m_blog div.opt acolor:#d77b18;font-size:12px“類別：技術(shù)專區(qū)”的大小顏色#m_blog div.opt a:visitedcolor:#d77b18“編輯 刪除 評(píng)論(4) 瀏覽(21)”的大小顏色#m_blog div.linemargin-top:17px;line-height:17px;border-top:1px s

14、olid #f4c1b5日之間的分割線的相關(guān)設(shè)置#m_blog div.nonepadding:100px 0 100px 0;color:#000000;font-size:14px隱形設(shè)置，不需要改變#m_pro acolor:#d77b18個(gè)人檔案中“查看詳細(xì)信息”的顏色，未被點(diǎn)擊#m_pro a:visitedcolor:#d77b18個(gè)人檔案中“查看詳細(xì)信息”的顏色，已被點(diǎn)擊#m_pro div.imagetext-align:center個(gè)人檔案中照片的顯示位置，分為“中，左，右center,left,right”#m_pro div.actmargin-top:10px個(gè)人介紹和

15、照片的間距#m_pro div.usermargin-top:10px;color:#000000;font-size:12px;font-weight:bold個(gè)人用戶名的大小顏色#m_pro div.desccolor:#000000;font-size:12px個(gè)人介紹的大小顏色#m_pro div.linemargin-top:17px;line-height:17px;border-top:1px solid #f4c1b5#m_pro tdcolor:#000000;line-height:24px;font-size:14px#m_album div.imagetext-alig

16、n:center相冊(cè)中照片的顯示位置，分為“中，左，右center,left,right”#m_album div.pagecolor:#666666;font-size:12px;text-align:center#m_album div.page acolor:#0000cc;font-size:12px#m_album div.page a:visitedcolor:#0000cc#m_links div.itemcolor:#000000;font-size:12px友情鏈接的連接描述的大小顏色#m_links div.item acolor:#d77b18;font-size:12p

17、x;text-decoration:none友情鏈接名的大小顏色，未被點(diǎn)擊#m_links div.item a:visitedcolor:#d77b18友情鏈接名的大小顏色，已被點(diǎn)擊#m_links div.linemargin-top:5px;line-height:8px;border-top:1px solid #f4c1b5友情鏈接見(jiàn)的分隔符的相關(guān)設(shè)置#m_artclg div.itemcolor:#666666;font-size:12px文章分類中各分類后面主題數(shù)及括號(hào)的大小顏色#m_artclg div.item acolor:#d77b18;font-size:12px文章分

18、類中各分類的大小顏色，未被點(diǎn)擊#m_artclg div.item a:visitedcolor:#d77b18文章分類中各分類的大小顏色，已被點(diǎn)擊#m_artclg div.linemargin-top:5px;line-height:8px;border-top:1px solid #f4c1b5文章分類中各分類之間的分割線的相關(guān)設(shè)置#m_comment div.itemcolor:#000000;font-size:12px#m_comment div.item acolor:#d77b18;font-size:12px最新評(píng)論中用戶名的大小顏色，未被點(diǎn)擊#m_comment div.i

19、tem a:visitedcolor:#d77b18最新評(píng)論中用戶名的大小顏色，已被點(diǎn)擊#m_comment div.item tcolor:#000000;font-size:12px;text-decoration:none最新評(píng)論中評(píng)論文字的大小顏色，未被點(diǎn)擊#m_comment div.item t:visitedcolor:#000000;text-decoration:none最新評(píng)論中評(píng)論文字的大小顏色，已被點(diǎn)擊#m_comment div.item t:hovercolor:#000000;text-decoration:underline最新評(píng)論中評(píng)論文字當(dāng)鼠標(biāo)移上去時(shí)的顏色

20、#m_comment div.linemargin-top:5px;line-heigpx;8px;border-top:1px solid #f4c1b5最新評(píng)論中各評(píng)論之間的分割線的相關(guān)設(shè)置下面的設(shè)置基本與主頁(yè)關(guān)系不大，就沒(méi)有測(cè)試。有興趣的朋友可以自己試一下。#m_albumlist div.notecolor:#000000;font-size:14px#m_albumlist div.descmargin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#f2f2f2;font-size:1

21、4px#m_albumlist div.nonepadding:100px 0 100px 0;color:#000000;font-size:14px#m_albumlist div.linemargin-top:10px;line-height:16px;border-top:1px solid #f4c1b5#m_albumlist div.titmargin:6px 0 7px 0;color:#000000;font-size:14px#m_albumlist div.tit acolor:#d77b18;font-size:14px#m_albumlist div.tit a:vi

22、sitedcolor:#d77b18#m_albumlist span.countcolor:#666666;font-size:12px;font-weight:bold#m_albumlist span.sizecolor:#999999;font-size:12px;font-family:arial#m_albumlist a.actcolor:#d77b18;font-size:12px#m_albumlist a.act:visitedcolor:#d77b18#m_albumlist a.pagecolor:#0000cc;font-size:14px#m_albumlist a

23、.page:visitedcolor:#0000cc#m_albumlist td.imagepadding:5px;border:1px solid #999999;background:#ffffff#m_friend div.filtermargin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px#m_friend div.catalogmargin-bottom:10px;padding-left:10px;height:27px;line-height:27px;backgroun

24、d-color:#f2f2f2;font-size:14px#m_friend div.usermargin-top:4px;color:#000000;font-size:12px#m_friend div.user acolor:#d77b18;font-size:12px#m_friend div.user a:visitedcolor:#d77b18#m_friend div.linemargin-top:10px;line-height:16px;border-top:1px solid #f4c1b5#m_setting acolor:#d77b18#m_setting a:vis

25、itedcolor:#d77b18#m_settingline-height:22px;color:#000000;font-size:14px#m_setting img.selborder:4px solid #ffdb7b#m_setting img.unselborder:1px solid #d2d2d2#m_setting span.titfont-size:14px#m_setting span.usrcolor:#666666#m_setting div.selpadding-top:6px;font-size:14px;font-weight:bold#m_setting d

26、iv.linemargin-top:20px;line-height:16px;border-top:1px solid #f4c1b5#m_sysinfo acolor:#d77b18#m_sysinfo a:visitedcolor:#d77b18#m_sysinfoline-height:22px;color:#000000;font-size:14px#m_sysinfo span.newcolor:#ff0000;font-size:10px;font-family:arial#m_sysinfo span.datecolor:#666666;font-size:14px#m_set

27、basecolor:#000000;font-size:14px#m_setbase tdcolor:#000000;font-size:14px#m_setbase div.linemargin-top:5px;line-height:8px;border-top:1px solid #f4c1b5#in_commentwidth:710px#in_comment div.titmargin-bottom:12px;color:#000000;font-size:14px;font-weight:bold#in_comment div.usermargin-bottom:6px;color:

28、#000000;font-size:12px#in_comment div.user acolor:#d77b18;font-size:12px#in_comment div.user a:visitedcolor:#d77b18#in_comment div.user span.datecolor:#666666;font-size:12px#in_comment div.desccolor:#000000;font-size:12px#in_comment div.linemargin-top:17px;line-height:17px;border-top:1px solid #f4c1

29、b5#in_send div.titmargin:10px 0 10px 0;color:#000000;font-size:14px;font-weight:bold代碼段結(jié)束。百度空間提供的自定義css中代碼并不是完整的.例如眾所周知的背景音樂(lè)代碼(#phx)自定義中就沒(méi)有提供.類似的還有很多.為了使空間的形式更加多元化,個(gè)性化.我今天就將這些沒(méi)有的提供的代碼收集整理了一下,方便大家使用.使大家能夠布局出更加完美的空間.下面就言歸正傳吧!#main(整個(gè)空間的區(qū)域)#layout類似與.stage(tab菜單與版權(quán)信息之間的區(qū)域)#mod_bloglist(文章列表區(qū)域)#mod_prof

30、ile(個(gè)人檔案區(qū)域)#mod_album(相冊(cè)區(qū)域).這個(gè)區(qū)域表面上看上去和#m_album區(qū)域一樣.其實(shí)細(xì)心的朋友就會(huì)發(fā)現(xiàn)#mod_album包括的是整個(gè)的相冊(cè)區(qū)域,已經(jīng)延伸到了模塊的背景區(qū)域.還有就是在#m_album添加了背景圖片以后還可以在#mod_album中再次加入背景圖片.實(shí)現(xiàn)復(fù)雜的重疊效果.不知道我這樣說(shuō)大家明白了沒(méi)有.其他的模塊也是一樣.#imgarea(照片區(qū)域)#mod_links(友情連接區(qū)域)#mod_comment(最新評(píng)論區(qū)域)#mod_artclg(文章分類區(qū)域)11#mod_bgmusic(背景音樂(lè)區(qū)域)在css中有一個(gè)alpha濾鏡，這個(gè)濾鏡可以設(shè)置目標(biāo)元

31、素的透明度。還可以通過(guò)指定坐標(biāo)，從而實(shí)現(xiàn)各種不同范圍的透明度。具體語(yǔ)法如下： filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy) 具體參數(shù)含義如下： opacity 透明度。默認(rèn)的范圍是從0 到 100，他們其實(shí)是百分比的形式。也就是說(shuō)，0代表完全透明，100代表完全不透明。 finishopacity 是一個(gè)可選參數(shù)，如果想要設(shè)置漸變的透明效果，就可以使用他們來(lái)指定結(jié)束時(shí)

32、的透明度。范圍也是0 到 100。 style 指定透明區(qū)域的形狀特征：0 代表統(tǒng)一形狀，1 代表線形，2 代表放射狀，3 代表矩形 startx 漸變透明效果開始處的 x坐標(biāo)。 starty 漸變透明效果開始處的 y坐標(biāo)。 finishx 漸變透明效果結(jié)束處的 x坐標(biāo)。 finishy 漸變透明效果結(jié)束處的 y坐標(biāo)。 以上的參數(shù)可以選用，可以只設(shè)置一個(gè)opacity 例如： filter:alpha(opacity=50) 這個(gè)就是半透明的設(shè)置，只要把中的代碼加入到需要設(shè)置的模版中的的即可，記得與前面的代碼之間要用;間隔，不然設(shè)置是無(wú)效的 例如： 我要設(shè)置模版區(qū)域背景的顏色（白色）+半透明就是我現(xiàn)在blog的效果 只要在 .modbox .modbl .modbc .modbr 中都設(shè)置background-color:white 這些就是模版背景設(shè)置的id 然后再在.modbox,.modbl,.modbc,.modbr如果沒(méi)有這個(gè)的話可以自己加一個(gè) 中加入filter : alpha(opacity=80)就可以達(dá)到所有模版的背景都是半透明的效果了 如果希望像我這樣只顯示blog的背景，別的都全透明的話，那么就在別的模版中加入背景全透明的代碼即可 background:transparent 這就是背景全透明的代碼 各模版id請(qǐng)參照鏈接：百