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

html-css016

怎样较好地创建CSS样式?样式里要包含一些图片和边框的那种?告诉具体过程啊!谢谢!,第1张

控制图片:

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

}

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

或者在样式表里定义如

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

.Bg img{样式}

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

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

举个例子:

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

这个是设置填充了的。

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

┆  hanhan1019 原创回答 ┆

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