用图片填充的CSS样式边框

不知道你div结构，你应该把div贴出来，才能帮你改。

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、重庆小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了宁夏免费建站欢迎大家使用！

如果说设置图片边框填充的话，很简单。

举个例子:

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

这个是设置填充了的。

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

┆  hanhan1019 原创回答 ┆

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

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了

经过测试没问题

有其他问题请联系我

CSS border（边框）样式写法总结

border属性 ：在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。

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

border-width ：边框宽度。可以指定长度值。如1px，1em（单位为px，pt，em等）。或者使用关键字medium（默认），thick，thin。

 border-top-width：设置元素上边框宽度

 border-right-width：设置元素右边框宽度

 border-bottom-width：设置元素下边框宽度

 border-left-width：设置元素左边框宽度

border-style ：边框样式。

 border-top-style：设置元素上边框样式

 border-right-style：设置元素右边框样式

 border-bottom-style：设置元素下边框样式

 border-left-style：设置元素左边框样式

 属性值有：

  none：无边框。

  hidden：隐藏边框。对于表，hidden 用于解决边框冲突。

  dotted：点状边框。

  dashed：虚线边框。

  solid：实线边框。

  double：双线边框。两条单线与其间隔的和等于指定的border-width值。

  groove：3D凹槽边框。

  ridge：3D垄状边框。

  inset：凹边框。

  outset：凸边框。

border-color ：边框颜色。

1.1 边框各样式效果图

1.2 四条边颜色样式相同

1.3 四条边颜色不同，样式相同

1.4 四条边颜色相同，样式不同

1.5 设置上边框宽度、样式、颜色

1.6 设置右边框宽度、样式、颜色

1.7 设置下边框宽度、样式、颜色

1.8 设置左边框宽度、样式、颜色

以上对border边框属性进行了基础操作，大家可以根据自己的经验为边框制作出更漂亮的样式。如若大家有什么更好的见解，那就在回复区畅所欲言吧，我定会吸取精华~如有写错欢迎大家回复，我以后定会更加细心 _

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;不能用图片当做边框

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

用css定义图片边框的问题.

你写的如下代码

______________________

img {

border:1px solid #fc6;

}

img:hover {

border:1px solid #f00;

}

______________________

img{...} 是类型选择符。所谓类型选择符，是指以网页中已有的标签类型作为名称的选择符，img是一个类型选择符body,div,span等都是类型选择符，就如同保留字一样！

解决办法你可以单独写一个calss来定义样式。

.img_boder{

border:1px solid #fc6;

}

.img_boder a:hover{

border:1px solid #f00;

}

你再试试。看一下伪类和伪类选择符号你能更好的明白这个原理。

链接加边框和背景色，好象需要设置 display: block

分享标题：图片边框样式css,边框图案样式
标题路径：http://kswjz.com/article/dsdogco.html