2008-04-03 21:04 css留言回覆邊框放圖片的語法 (只適用Xuite網誌)
?blog~圖標 好文轉寄 平均分數：0 顆星 投票人數：0 人
我要評分： 
css留言回覆邊框放圖片的語法 (只適用Xuite網誌)
CSS留言回覆邊框放圖片
進入管理後台→面板管理→自定樣式(CSS) 在CSS語法中找到 /*留言回覆邊框*/ (若找不到~請自行加入以下語法) /*留言回覆邊框*/
.reply_info{
width:70%;
border-right:2px dotted #6EB3ED;
border-bottom:2px dotted #6EB3ED;
border-top:2px dotted #6EB3ED;
border-left:2px dotted #6EB3ED;
background-color:ffffff;
background-image:url(圖片網址);
background-position:right bottom;
background-repeat:no-repeat;
margin:1.2em ;
padding:1.2em 1.2em ;
}
------------------------------------------- 說明 : width:70%; →框寬可調整 border-right:2px dotted #6EB3ED; →右框線 大小、樣式、顏色
border-bottom:2px dotted #6EB3ED;→下框線 大小、樣式、顏色 border-top:2px dotted #6EB3ED;→上框線 大小、樣式、顏色 border-left:2px dotted #6EB3ED;→左框線 大小、樣式、顏色
background-color:ffffff;→背景顏色 background-image:url(圖片網址);→背景圖網址 background-position:right bottom;→背景圖位置 background-repeat:no-repeat;→背景圖不重複 margin:1.2em ;→設定距離
padding:1.2em 1.2em ;→設定距離 border:3個值都可以改，顏色請參考→色碼表，大小→? px，樣式有:dotted, dashed, soild, double, groove, ridge, inset, outset共8種。 background-position: 參數有↓
top left; (左上)
top center; (中上)
top right; (右上)
center left; (中左)
center center;(中中)
center right; (中右)
bottom left; (左下)
bottom center;(中下)
bottom right; (右下) 下面是光光的樣式↓ 
 |
|
|
.gif)
.gif)
.gif)
.gif)
標籤 ： 
