html如何设置图片大小

html如何设置图片大小,第1张

*** 作方法如下:

1、以Hbuilder来讲解,首先新建一个HTML页面,如图

2、接着给标签设置背景图片,如图设置的是<body>标签;

3、然后新建一个css文件,如图;

4、这里给body标签设置background-size属性,如果标签是div就写div,然后可以设置宽度和高度;

5、如图所示,在new_file.html里面编辑:<link href="css/1.css" type="text/css" rel="stylesheet"/>,就可以设置背景图片的大小了;

6、最后在浏览器中预览一下,如图为部分背景。

扩展资料:

如何在htlm中插入图片:

1、用dw创建一个网页文档,会自动写入这些代码。我用的是DW软件;

2、在<body></body>中间写入<img src 后会自动有一个“浏览”;

3、在下一步之前要进行保存,ctrl+s进行保存;

4、点击“浏览”后,选择图片的来源路径;

5、最后在键盘上敲打"</"就行了,图片就插入了。

在Dreamweaver CS6中新建一个html空白文档,将页面内容放入<body></body>中。选中背景图即可插入。

详细步骤:

工具/材料:

1、新建文件夹并将其命名为“表格”。

2、将背景图放入新建的”表格“文件夹里。

3、在Dreamweaver CS6中新建一个html空白文档。

4、将页面内容放入<body></body>中。

5、在<body后按一下空格键,找到background,再按空格,点击“浏览”,找到背景图的位置。

6、选中背景图,点击“确定”。

7、图片插入完成。

8、将这个html另存为在“表格”文件夹里。

9、点击这个预览图标,就可以在浏览器中查看效果。

10、完成效果图。

参考资料:

百度百科-HTML表单


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7559782.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存