用圖片填充的CSS樣式邊框

不知道你div結(jié)構(gòu)，你應(yīng)該把div貼出來，才能幫你改。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了寧夏免費(fèi)建站歡迎大家使用！

如果說設(shè)置圖片邊框填充的話，很簡單。

舉個例子:

.img?{width:160px;?height:120px;?padding:5px;?margin:0;?border:1px?solid?#ccc;}

這個是設(shè)置填充了的。

╔------------------------------╗

┆??hanhan1019?原創(chuàng)回答?┆

╚------------------------------╝

css里圖片顯示邊框

這個問題很簡單

把CSS中的a

換成是img

html不變

#menu{width:120px;

height:120px;}

#menu

img,#menu

img:visited{border:1px

solid

#FFFFFF;}

#menu

img:hover{border:#000000

1px

solid;}

這樣就OK了

經(jīng)過測試沒問題

有其他問題請聯(lián)系我

CSS border（邊框）樣式寫法總結(jié)

border屬性 ：在網(wǎng)頁中設(shè)置元素的邊框樣式。可同時設(shè)置邊框?qū)挾?、邊框樣式、邊框顏色。也可以單?dú)設(shè)置上邊、右邊、下邊、左邊的邊框。

語法：border： border-width | border-style | border-color;

border-width ：邊框?qū)挾??？梢灾付ㄩL度值。如1px，1em（單位為px，pt，em等）。或者使用關(guān)鍵字medium（默認(rèn)），thick，thin。

?border-top-width：設(shè)置元素上邊框?qū)挾?/p>

?border-right-width：設(shè)置元素右邊框?qū)挾?/p>

?border-bottom-width：設(shè)置元素下邊框?qū)挾?/p>

?border-left-width：設(shè)置元素左邊框?qū)挾?/p>

border-style ：邊框樣式。

?border-top-style：設(shè)置元素上邊框樣式

?border-right-style：設(shè)置元素右邊框樣式

?border-bottom-style：設(shè)置元素下邊框樣式

?border-left-style：設(shè)置元素左邊框樣式

?屬性值有：

??none：無邊框。

??hidden：隱藏邊框。對于表，hidden 用于解決邊框沖突。

??dotted：點(diǎn)狀邊框。

??dashed：虛線邊框。

??solid：實(shí)線邊框。

??double：雙線邊框。兩條單線與其間隔的和等于指定的border-width值。

??groove：3D凹槽邊框。

??ridge：3D壟狀邊框。

??inset：凹邊框。

??outset：凸邊框。

border-color ：邊框顏色。

1.1 邊框各樣式效果圖

1.2 四條邊顏色樣式相同

1.3 四條邊顏色不同，樣式相同

1.4 四條邊顏色相同，樣式不同

1.5 設(shè)置上邊框?qū)挾取邮?、顏?/p>

1.6 設(shè)置右邊框?qū)挾?、樣式、顏?/p>

1.7 設(shè)置下邊框?qū)挾?、樣式、顏?/p>

1.8 設(shè)置左邊框?qū)挾?、樣式、顏?/p>

以上對border邊框?qū)傩赃M(jìn)行了基礎(chǔ)操作，大家可以根據(jù)自己的經(jīng)驗為邊框制作出更漂亮的樣式。如若大家有什么更好的見解，那就在回復(fù)區(qū)暢所欲言吧，我定會吸取精華~如有寫錯歡迎大家回復(fù)，我以后定會更加細(xì)心 _

CSS給圖片加邊框

table

style="BORDER-RIGHT: #eeeeee 3px solid; BORDER-TOP: #eeeeee 3px solid; BORDER-LEFT: #eeeeee 3px solid; BORDER-BOTTOM: #eeeeee 3px solid"

cellspacing=0 cellpadding=0 width=472 border=0

tbody

tr

td height="266"

bgcolor=#ffffff

style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid"a

href=""

target=_blankimg height=88

src="精選美圖_推虎tuihu_com.files/2006101699160.gif"

width=124

border=0/a/td

/tr

/tbody

/table

css能用圖片自定義邊框

邊框是border:1px

solid

#ccc;不能用圖片當(dāng)做邊框

除非你把它切成背景，然后背景圖上面再套其他的圖片或文字

用css定義圖片邊框的問題.

你寫的如下代碼

______________________

img {

border:1px solid #fc6;

}

img:hover {

border:1px solid #f00;

}

______________________

img{...} 是類型選擇符。所謂類型選擇符，是指以網(wǎng)頁中已有的標(biāo)簽類型作為名稱的選擇符，img是一個類型選擇符body,div,span等都是類型選擇符，就如同保留字一樣！

解決辦法你可以單獨(dú)寫一個calss來定義樣式。

.img_boder{

border:1px solid #fc6;

}

.img_boder a:hover{

border:1px solid #f00;

}

你再試試?？匆幌聜晤惡蛡晤愡x擇符號你能更好的明白這個原理。

鏈接加邊框和背景色，好象需要設(shè)置 display: block