首页 > 代码库 > HTML图片

HTML图片

1.图片

<img src="http://www.mamicode.com/图片的路径">

img标记常用的属性:

src(图片的路径) 注:分为相对路径和绝对路径

width(图片的宽度)

height(图片的高度)

alt(图片不能显示时的文本)

 

相对路径:文件所在的路径跟图片之间的路径

绝对路径:目录下的绝对位置(不常用)

注:图片上不能写内容。

2.背景图片

background-image:url(图片的路径);

背景图片默认是平铺的

可以通过设置

background-repeat:属性;

常用属性:

no-repeat;(不平铺)

repeat-x(x方向平铺)

repeat-y(y方向平铺)

 注:背景图片上可以写内容。

HTML图片