css background属性笔记

原创 PHP笔记  2017-09-21 18:23  阅读 1,325 views 次

在css中,background属性是用来为元素定义背景属性,是一个简写属性,可以在一个声明中设置多个或者是所有的背景属性。

可以设置的属性

  • background-color:背景颜色;
  • background-position:背景图像的位置;
  • background-size:背景图片的大小;
  • background-repeat:如何重复背景图像;
  • background-origin:背景图像的定位区域;
  • background-clip:背景图像的绘画区域;
  • background-attachment:背景图像是否固定或者随着页面的其余部分滚动;
  • background-image:要使用的一个或多个背景图像;
  • initial:设置属性为其默认值;
  • inherit:应该从父元素继承background属性的设置。

background属性语法格式:

background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial/inherit;

说明:以上属性缺少几个是可以的,根据要显示的效果来选择用那几个属性。

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css background属性笔记</title>
<style>
body
{
background: blue url('https://www.ggbiji.com/wp-content/themes/Nana3.18/images/logo.png') no-repeat fixed top;
</style>
<head/>
<body>
主体
</body>
</html>

运行结果:

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-background-2.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情