图片边框样式css,边框图案样式
用图片填充的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://myzitong.com/article/dsdogco.html