当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > html图像元素的垂直边距属性vspace

html图像元素的垂直边距属性vspace

2012/11/17 16:17:03作者:佚名来源:网络

移动端

【实例介绍】

html图像元素的垂直边距属性vspace

垂直边距vspace用来调整图像与文字的垂直边距。

【基本语法】

<img src="url" vspace="垂直边距">

【语法介绍】

在该语法中,vspace属性的单位是像素。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> 莽莽林海,随季节变化,呈<img src="5.1.6.jpg" width="204" height="151" vspace="20"  align="right" />现出瑰丽色彩。初春山山丛林,红、黄、紫、 白各色杜鹃点缀其间,其后,山桃花、野梨花相继吐艳,夹杂着嫩绿的树木新叶, 整个林海繁花似锦。盛夏是绿色的海洋,新绿、翠绿、浓绿、黛绿,绿得那样青翠, 显出旺盛的生命力。深秋,深橙色的黄栌,浅黄色的椴叶,绛红色的枫叶,殷红色的野果, 深浅相间,错落有致,万山红遍,层林尽染,似一幅独具匠心的巨幅油画。在暖色调的衬托下, 湖水更蓝。蓝天、白云、雪峰、彩林倒映于湖中,呈现出光怪陆离的水景。入冬,白雪皑皑, 冰瀑、冰幔晶莹洁白;莽莽林海,似玉树琼花。银装素裹的九寨沟显得洁白、高雅,像置于 白色瓷盘中的蓝宝石,更加璀璨。 </body> </html>

【代码分析】

在代码中,加粗部分的标记是为图像添加垂直边距为20像素,在浏览器中预览,效果如图所示。

图像元素的垂直边距属性vspace运行效果

 【素材及源码下载】

请点击:html图像元素的垂直边距属性vspace 下载本实例相关素材及源码