HTMLframeset中设置背景图片(html中如何设置背景图片)
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网页制作中如何设置背景图片(如何引用)
1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:
2、然后填写自己的网页内容,?设置一下样式,直接在body后面加上background="图片名字"即可插入图片:
3、最后来到浏览器,刷新一下网页,这样就会显示背景了:
html表单如何添加背景图片
在Dreamweaver CS6中新建一个html空白文档,将页面内容放入body/body中。选中背景图即可插入。
详细步骤:
工具/材料:
1、新建文件夹并将其命名为“表格”。
2、将背景图放入新建的”表格“文件夹里。
3、在Dreamweaver CS6中新建一个html空白文档。
4、将页面内容放入body/body中。
5、在body后按一下空格键,找到background,再按空格,点击“浏览”,找到背景图的位置。
6、选中背景图,点击“确定”。
7、图片插入完成。
8、将这个html另存为在“表格”文件夹里。
9、点击这个预览图标,就可以在浏览器中查看效果。
10、完成效果图。
参考资料:
百度百科-HTML表单