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://ybzwz.com/article/dsdiipe.html