<center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>

    網(wǎng)頁設(shè)計(jì)中的邊框和行內(nèi)元素

    • 2018-12-19 17:26:55
    • 閱讀次數(shù):
    • 作者:盈嵐科技小編
    • 來源:http://www.ww44088.com

    對(duì)于處理邊框和行內(nèi)元素我們應(yīng)該很熟悉了,因?yàn)槠湟?guī)則很大程度上與外邊距和行內(nèi)元素的相應(yīng)規(guī)則相同,這在第7章做過介紹。不過,在此還是簡要地介紹一下。

    首先,不論網(wǎng)站建設(shè)人員為行內(nèi)元素的邊框指定怎樣的寬度,元素的行高都不會(huì)改變。下面為粗體文本設(shè)置上下邊框:

    strong{border-top:10px solid gray;border-bottom:5px solid silver;}

    重申一句,這個(gè)語法在規(guī)范中是允許的,不過它對(duì)行高絕對(duì)沒有任何影響。但是,由于邊框是可見的,所以將會(huì)繪制出來。

    邊框該放在哪里就會(huì)放在哪里。

    同樣地,所有這些只是對(duì)行內(nèi)元素的上下邊成立,左右邊則是另一回事。如果應(yīng)用一個(gè)左邊框或右邊框,不僅該邊框可見,而且文本會(huì)在其旁邊顯示(即不會(huì)覆蓋),如圖8-37所示:

    strong {border-left: 25px double gray; background: silver;}

    就像外邊距一樣。如果網(wǎng)頁設(shè)計(jì)人員設(shè)置了邊框,瀏覽器計(jì)算換行時(shí)并不受行內(nèi)元素所設(shè)置的任何框?qū)傩缘闹苯佑绊憽Nㄒ坏淖饔檬沁吙蛩伎臻g可能把行中的某些部分向后移一點(diǎn)點(diǎn),而這有可能改變位于行尾的詞。

    警告:網(wǎng)站建設(shè)CSS邊框的兼容性問題很少。最麻煩的是,Navigator4.x不會(huì)在塊級(jí)元素內(nèi)邊距區(qū)周圍畫邊框,而會(huì)在內(nèi)邊距和邊框之間插入一些空間。對(duì)于Navigator 4.x,在行內(nèi)元素上設(shè)置邊框(或任何其他框?qū)傩裕┒伎赡軜O其危險(xiǎn)。邊框如此,外邊距也是如此,原因是一樣的(這在本章前面討論過)。

    當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計(jì)中的邊框和行內(nèi)元素

    當(dāng)前URL:http://www.ww44088.com/news/wzzz/borders-elements.html

    上一篇:網(wǎng)頁設(shè)計(jì)中的全局邊框

    下一篇:網(wǎng)頁設(shè)計(jì)中的內(nèi)邊距

    網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))
    亚洲bt欧美bt中文字幕,囯产剧情亚洲精品无码一页,国产欧美va欧美va香蕉在,国产激情久久99久久 亚洲国产视频95 婷婷六月在线视频中文字幕
    <center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>