透視側欄背景、格線 邊框(格線)樣式

喜歡原創 不隨波遂流!

如有引用請用原文! 

現時的側欄是有幾組格線疊在一起的, 樣式可隨意變換, 使版面便美觀

基本格線樣式有以下 8 款:

凹脊   groove		凸脊   ridge
凹槽   inset		凸槽   outset
實線   solid		虛線   dashed
點線   dotted		雙線   double

*      *      *

側欄大部份要改格線的 blogger 都會用同一樣式的框線, 但是卻經常將 4 條邊分開寫! 語法冗長 ..

其實最方便只需一次過寫就成, 如設定最外邊包着整列側欄的外框的顏色、濶度、樣式 :

.yui-b .sidebar{border: gold 4px groove;}

*      *      *

若要透視所有側欄所有背景、格線(包括中間的分格線)作法如下:

語法:

<style type="text/css">/*透視側欄底色*/
.yui-b .sidebar{background-color:transparent;}

/*刪除側欄主要框線*/
.yui-b .sidebar, .yui-b .widget, .yui-b #sidebar1, .yui-b #sidebar2{border:0px none transparent!important;}</style>

***測試、制作及編寫下過心機, 用了時間,
如要引用語法或文章資料請連同我 blog Logo  一併帶走!