css样式包含图片和边框,css样式包含图片和边框的区别

怎样较好地创建CSS样式？样式里要包含一些图片和边框的那种？告诉具体过程啊！谢谢！

控制图片：

img{

width:100px;

height:100px; //这里的宽度和高度对全局图片都生效，建议不采用。

border:1px solid #cccccc//设置图片为灰色的一像素的边框。

border:none; //不显示图片边框。在图片是个链接时有用。

float:left/right; //控制图片的浮动方式。

……

}

控制背景图片：

.div_img{

background:url(xxx/xxx.jpg) repeat-x;//背景图片沿X轴重复显示

background:url(xxx/xxx.jpg) repeat-y;//背景图片沿Y轴重复显示

background:url(xxx/xxx.jpg) no-repeat 5px 12px;//背景图片不重复， 且位置为X轴：5px Y轴为：12px(从该容器的左上角算起)

}

相关问答

Q1: 求关于图片的边框及投影方面的CSS,越美观的越好,好的就给分!

filter:shadow(color=#CCCCFF,direction=135);

把图片用CSS定义，定义的样式在上面

color为投影的颜色 direction为阴影的大小

css有很多效果不需要PS就能实现的，看你怎么运用了

Q2: css图片加边框

style

body,td,th { color:#666666;}

body { background-color: #fff; margin-left: 6px; margin-top: 6px;}

.a1 { bottom:332px; right: 230px; border: 1px solid #999999; padding:4px;}

.a1 img{

-moz-box-shadow: 3px 3px 4px #000;

-webkit-box-shadow: 3px 3px 4px #000;

box-shadow: 3px 3px 4px #000;

/* For IE 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}

/style

/head

body

div class="a1"img src="images/logo.jpg" width="332" height="230"//div

/body

bottom:332px; right: 230px; 这段不知道你是派什么用处的，你并没有设置绝对定位的属性，那么bottom和right这两个用作定位的属性是无效的

Q3: CSS不能直接给图片加边框和一些样式吗.就是一张IMG图片.

可以加，比如之际在图片上直接写样式，如img src="Bg.png" width="10" height="10" style="样式" /

或者在样式表里定义如

div class="Bg"img src="Bg.png" width="10" height="10" //div

.Bg img{样式}

Q4: 用图片填充的CSS样式边框

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

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

举个例子:

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

这个是设置填充了的。

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

┆  hanhan1019 原创回答 ┆

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