html怎么导入背景图
程序员文章站
2022-04-03 19:35:59
...
html导入背景图的方法:1、用html标签插入图片,这里直接在img标签中使用src属性;2、用css插入,在div中设置class属性为img2,在script标签中使用background标签插入。
本教程操作环境:windows7系统、html5版,DELL G3电脑。
html导入背景图的方法:
1、插入背景图片有两种方法,一种是用html的img标签,另一种是利用css的background标签插入。具体操作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签:
2、首先是用html标签插入图片,这里直接在img标签中使用src属性就可以插入图片路径就成功了:
3、接着是用css插入,在div中设置class属性为img2,在script标签中使用background标签插入,其中url是标签的路径,no-repeat是设置图片不重复,center是设置照片居中显示:
4、最后给这些标签都设置一些样式,让它们显得美观一些。然后打开浏览器查看效果:
5、打开浏览器,可以看到照片都显示出来了。以上就是html插入照片的方法介绍:
相关学习推荐:html视频教程
以上就是html怎么导入背景图的详细内容,更多请关注其它相关文章!
上一篇: 如何解决php大文件无法下载的问题
下一篇: 电脑显示不出wifi怎么办
推荐阅读
-
网页上的.swf如何下载?帮我看看这个怎么下载_html/css_WEB-ITnose
-
这种半透明效果怎么办?_html/css_WEB-ITnose
-
刚学extjs 导入文件的时候 一直报错 求大神解决_html/css_WEB-ITnose
-
静态html怎么显示用户登录之后的信息_html/css_WEB-ITnose
-
dedecms的更新静态html机制是怎么的
-
网站出现白边(图)源码中的"" 是怎么来的_html/css_WEB-ITnose
-
背景图片拉伸(CSS方法)_html/css_WEB-ITnose
-
这里的大括号怎么看都没发现图片,又没发现文字{},到底怎么弄出来的呢?_html/css_WEB-ITnose
-
zendstudio 10 php项目中怎么导入js库
-
怎么把一个div放在另一个div的中间?口头说不清楚,见图求解!祝大家双休日快乐!_html/css_WEB-ITnose