添加边框到图像

时间:2012-10-25 12:10:14

标签: html css css3

请看我的小提琴:

jsfiddle.net/jWKdK /

并帮我添加图像边框。

此致

5 个答案:

答案 0 :(得分:2)

img之前不应该有点 -

#header img {
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
}

Demo

答案 1 :(得分:1)

这样做:My Fiddle

CSS

#header img {
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
}

使用.img表示您的目标是.img,其中父级为#header,但没有.img这样的类,因此请选择该属性

或者,如果您想使用.img而不是将.img类提供给您的img标记:My Fiddle

答案 2 :(得分:1)

在你的风格中删除.img

中的点

#header .img {更改为#header img {

答案 3 :(得分:1)

不是.img它应该是#header img

DEMO

答案 4 :(得分:1)

#header img {
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
}

使用#header img,因为img是标签选择器而不是类 您可以在此链接http://www.w3schools.com/cssref/css_selectors.asp

上使用选择器的引用