html背景图片大小设置教程

网页制作越来越广泛,有时候会放一些图片到
HTML页面中来
美化页面,但是图片的尺寸不是很合适,所以就需要对它进行设置,使得图片适应网页了。

操作方法

  • 01

    其实大多数的HTML编辑器操作都是一样的,今天我就以Hbuilder来讲解,首先新建一个HTML页面,这里命名为“new_file.html”。

  • 02

    接着给标签设置背景图片,这里小编设置的是<body>标签。

  • 03

    接着新建一个css文件,如图,小编命名为“1.css”。

  • 04

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

  • 05

    如图所示,在new_file.html里面写上这个:<link href="css/1.css" type="text/css" rel="stylesheet"/>就可以设置背景图片的大小了。

  • 06

    最后在浏览器中预览一下,这里只是部分背景。

(0)

相关推荐

  • 网页背景图片如何设置?Dreamweaver自学教程

    Dreamweaver是一种强大的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具.这里笔者分享网页背景图片如何设置的一些网页教程,我的其他经验还写得有关于网页制作的另外的一些教程 ...

  • css背景图片大小如何设置

    css背景图片大小能设置吗?如果可以,如何设置?下面我们来看下. 操作方法 01 先看下我们图片的样式,现在并没有设置背景图片的大小. 02 刷新页面,看下现在的图片,并没有显示完整,因为图片太大了, ...

  • EXCEL2007工作表中如何添加背景图片?EXCEL2007设置背景的方法

    EXCEL2007工作表中如何添加背景图片?在excel中,我们使用的工作表的背景颜色一直都是白色的,但是我们可以通过设置背景效果,将工作表美化.那么,你知道如何在EXCEL2007工作表中添加背景吗 ...

  • Dreamweaver怎样控制背景图片大小

    Dreamweaver是一款集网页制作和管理网站于一身的所见即所得网页编辑器,今天小编就为大家介绍一下Dreamweaver怎样Dreamweaver怎样控制背景图片大小. 操作方法 01 首先,在空 ...

  • 如何轻松更换Windows 8锁屏背景图片的图文教程

    相比之前版本的Windows操作系统,微软Windows 8系统在界面和功能设计有很多新鲜的变化,比如用开始屏幕取代原来的开始菜单等等。在Windows 8系统启动完成之后,我们最先看到的就是锁屏界面 ...

  • 手机版QQ浏览器字体大小设置教程图解

    QQ浏览器字体大小设置教程。现在越来越多的年轻人买智能手机送给父母了,让他们也赶一下世时髦,但是,毕竟父母年纪大,眼神比较差,想用手机浏览一下网页都看不清字,怎么办?很简单,把浏览器的字体调大就OK了 ...

  • PPT背景图片怎么设置

    PPT背景图片设置方法 1.PPT主题 如果,你不是要制作个性化的PPT,可以尝试使用设计-主题,进行PPT背景图片的设置,因为PPT主题包括了背景图片等一系列设置.效果如图所示. 2.右击PPT空白 ...

  • edius怎么设置图片持续时间 edius图片持续时间设置教程

    我们在使用edius编辑图片素材的时候,如果希望图片持续的时间长一点,这个时候我就要对edius图片的持续时间进行设置.那edius怎么设置图片持续时间?下面就让我们一起来看看edius图片持续时间的 ...

  • 手机抖音背景图片怎么设置

    抖音是我们常用的短频频软件之一,接下来小编就教大家怎样设置背景图片.具体如下:1. 首先打开手机进入到桌面,然后在桌面上找到抖音图标点击打开,进入到抖音界面之后,点击右下角的我的选项.2. 然后我们就 ...