网页建设公司:用CSS设置图片效果
例主要是通过float语句对首字下沉进行了控制,并且用<span>标记对首字设置了
单独的样式,以达到突出显示的目的。
用CSS设置图片效果
1.图片样式
(1)图片边框。HTML语言可以直接通过<img>标记的border属性值为图片添加边
框,从而控制边框的粗细,当设置该值为0时,则图片没有边框。用这种方法设置的边框都
是黑色的,而且风格单一,都是实线,仅在边框粗细上能够进行调整。
在CSS中,可以通过border属性为图片添加各式各样的边框。
格式:
边框的样式有dotted(点酝线)、dashed(虚线)、solid(实线)、groove(双线)等。
用“记事本”编写如下代码并保存为3_3_9.htm文件。
通过浏览器查看,上面这段代码在IE 9中的显示结果如图3-25所示。
图3-25 CSS设置图片边框显示效果
本例的显示效果为,第一幅图片的边框设置的是金黄色、10 px宽的点划线边框,第二幅
图片设置的是蓝色、20 px宽的虚线边框。
CSS还可以将一个边框的4个边分别设置成不同样式,即分别设定border - left.
border - right、border - top和border - bottom的样式。
格式:
用记事本编写如下代码并保存为3_3_10. htm文件。
< html>
< body>
通过浏览器查看,上面这段代码在IE 9中的显示结果
本文地址:
http://www.yishenzhou.com/yes/post/436.html | 分类:全网营销 |
次阅读