码迷,mamicode.com
首页 > Web开发 > 详细

html中添加图片方法

时间:2017-08-20 16:54:34      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:线框   互动   方法   边框   描述   border   使用   水平对齐   intern   

方法一:

大多数浏览器都支持三种图形格式(gif,jpeg,jpg)

语法:<img src=""align="" border="" >
使用说明:
src属性表示图片的来源,可以是完整的Internet地址,如果图像文件与HTML文件在同一个文件夹内,也可以仅仅指定文件名即使用相对地址。

Align属性表示图片在页面的对齐方式,分别取值left,right,表示图片在页面的左对齐和右对top,middle,bottom三个属性表示图片说明性的文字在图片的(上中下)位置.若不包含   align性,则文字将靠近在图片的底部对齐。

Border属性表示图片的边线框的宽度,取正整数值,数值越大,边框线越宽;0表示没有边框;
Alt属性表示图片显示后,对图片的一段说明性文字。当浏览者将鼠标停留在图片一段时间后,页面上自动会弹出一个黄色的文字框,显示图片的描述文字。这个特性在编程中,比较有用处,可以增加网站的互动性
 
 
方法二:
添加背景图片
background:url{..//images/icon/collection.jpg‘) left top no-repeat}
background-image:url(图片地址)
background-repeat:no-repeat(不重复)、repeat-x(横线平铺)、repeat-y(纵向平铺)、repeat(平铺)
background-position: 水平对齐方式 垂直对齐方式   如0 0/center center/top right.......也可设置具体的数字
 
 

html中添加图片方法

标签:线框   互动   方法   边框   描述   border   使用   水平对齐   intern   

原文地址:http://www.cnblogs.com/lucky-n/p/7400330.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!