網(wǎng)頁(yè)設計中的邊框和行內元素

  • 2018-12-19 17:26:55
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

對于處理邊框和行內元素我們應該很熟悉了,因為其規則很大程度上與外邊距和行內元素的相應規則相同,這在第7章做過(guò)介紹。不過(guò),在此還是簡(jiǎn)要地介紹一下。

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

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

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

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

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

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

就像外邊距一樣。如果網(wǎng)頁(yè)設計人員設置了邊框,瀏覽器計算換行時(shí)并不受行內元素所設置的任何框屬性的直接影響。唯一的作用是邊框所占空間可能把行中的某些部分向后移一點(diǎn)點(diǎn),而這有可能改變位于行尾的詞。

警告:網(wǎng)站建設CSS邊框的兼容性問(wèn)題很少。最麻煩的是,Navigator4.x不會(huì )在塊級元素內邊距區周?chē)?huà)邊框,而會(huì )在內邊距和邊框之間插入一些空間。對于Navigator 4.x,在行內元素上設置邊框(或任何其他框屬性)都可能極其危險。邊框如此,外邊距也是如此,原因是一樣的(這在本章前面討論過(guò))。

當前文章標題:網(wǎng)頁(yè)設計中的邊框和行內元素

當前URL:http://amzcoolest.com/news/wzzz/borders-elements.html

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

下一篇:網(wǎng)頁(yè)設計中的內邊距

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看