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

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

控制图片：

创新互联是专业的达拉特网站建设公司，达拉特接单;提供网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行达拉特网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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(从该容器的左上角算起)

}

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

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

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

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

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

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这两个用作定位的属性是无效的

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{样式}

用图片填充的CSS样式边框

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

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

举个例子:

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

这个是设置填充了的。

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

┆  hanhan1019 原创回答 ┆

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

网站标题：css样式包含图片和边框,css样式包含图片和边框的区别
URL地址：http://6mz.cn/article/dsdiipe.html