您现在的位置是: 首页 » 网页代码 » css中如何插入图片
网页代码

css中如何插入图片

网站优化小编十一月 8, 2019 7人已围观

css中如何插入图片?下面网页制作代码教程栏目就来给大家介绍一下使用CSS在HTML中插入图片的方法,希望对大家有所帮助。

网站运营中栏目排名优化技巧

css中,可以使用background-image属性添加图片。background-image属性为元素设置背景图像。初始背景图像(原图像)根据background-position属性的值放置。

元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

详细说明

background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。

初始背景图像(原图像)根据 background-position 属性的值放置。

属性值:

  • url('URL') 指向图像的路径。

  • none 默认值。不显示背景图像。

示例:

<!DOCTYPE html><html><head>   <meta charset="utf-8">   <style type="text/css">   div{   width: 400px;   height: 300px;   border: 1px solid red;   }   .img1{      background-image: url(1.jpg);   background-size: 200px;   }   </style></head><body>  <div class="img1"></div></body></html>

效果图:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:199天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:2509 条
  • 文章评论:5 条
  • 微信公众号:扫描二维码,关注我们