爱生活

 找回密码
 立即注册
搜索
查看: 127|回复: 0
打印 上一主题 下一主题

HTML中怎么插入图片作为背景?,html怎么把图片作为背景

[复制链接]

14万

主题

14万

帖子

2859

积分

金牌会员

跳转到指定楼层
楼主
发表于 2022-11-25 22:39:01 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

HTML中怎么插入图片作为背景?


visual studio简称为vs。下面,我们来看看HTML中怎么插入图片作为背景图片吧。
   打开vs   打开visual studio软件,并新建一个文件夹为img,把图片粘贴到文件夹中,如下图所示:
   <body style=" background:url(img/img01.jpg)">   设置背景图片的代码为 style=" background:url(img/img01.jpg)",如下图所示:
   在浏览器中查看   右击【HTMLPage.htm】,选择【在浏览器中查看】,如下图所示:
   预览效果   在浏览器中的预览效果如下图所示:



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中用图片做背景方法:
第一种:样式表
body {
background: url(images/qq.com);
}


第二种:直接写在html的标签里面
<body background="URl">



在html中将插入背景图片,如何让背景图片跟屏幕一样大?


方法:首先点击【新建文件夹】,放入背景图片,在Dreamweaver CS6中点击【新建一个html空白文档】,.将页面内容放入<body></body>中,在<body后按一下空格键,找到background,再按空格,点击【浏览】,选中背景图,点击【确定】,将html另存为在“表格”文件夹里。这样就可以让背景图片跟屏幕一样大。





上一篇:怎样做能处理好夫妻关系,夫妻关系怎么能搞好
下一篇:广州长隆如何去,广州长隆如何坐车,番禺长隆怎么去
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|手机版|小黑屋|爱生活 ( 蜀ICP备20006951号 )|

 

快速回复 返回顶部 返回列表