• css如何设置背景图片?background属性添加背景图片


     

    在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片。那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

    css怎样设置背景图片?
    下面看看background可以设置的属性:

    background-color: 规定要使用的背景颜色。

    background-position: 规定背景图像的位置。

    background-size: 规定背景图片的尺寸。

    background-repeat :规定如何重复背景图像。

    background-origin :规定背景图片的定位区域。

    background-clip: 规定背景的绘制区域。

    background-attachment: 规定背景图像是否固定或者随着页面的其余部分滚动。

    background-image :规定要使用的背景图像。

    background-image:url(1.jpg);
    上面的这些background属性如果一个一个的设置是不是感到繁琐,其实有些属性是可以放在一起设置的,这样的css背景表达可以节约且优化了css文件代码。例:

    1

    background:url(bgimg.gif) no-repeat 5px 5px;

    ---------------------

    css设置背景图片的代码实例

    1.css设置背景图片自适应全屏

  • 相关阅读:
    内存溢出异常
    Java堆中的对象
    运行时数据区域
    字符串常量池
    自己编译JDK
    @PathVariable注解详解
    spring容器监听器
    redis和spring整合
    Redis安装、启动、关闭
    HDU3974 Assign the task
  • 原文地址:https://www.cnblogs.com/muouran/p/13824949.html
Copyright © 2020-2023  润新知