网站建设资讯

NEWS

网站建设资讯

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样式包含图片和边框的区别
文章位置:http://njwzjz.com/article/dsdiipe.html