Css背景属性是什么

发布时间:2022-03-02 11:51:38 作者:小新
来源:亿速云 阅读:131

这篇文章将为大家详细讲解有关 Css背景属性是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

Background-color: 颜色值

background-image:url(../imgs/1.jpg); 背景图,从css文件出发 去查找的*****

注意:如果背景图 元素的宽高  背景或从左上角开始截取一块

      如果背景图的宽 元素的宽 背景图 x  y  上平铺(重复)

      如果背景图和背景色同时拥有,背景图在起作用

background-attachment scroll 元素跟着背景图一起滚动 | fixed 背景图固定         背景图的附着方式

background-repeat : repeat (x y都平铺) | no-repeatx y 都不平铺) | repeat-x  x平铺) | repeat-yy平铺)

background-position: -100px(左右,正左  负右)    100px (上下  正上 负下)

background : background-color || background-image || background-repeat || background-attachment || background-position

案列

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<link href="css/index.css" rel="stylesheet" type="text/css" />

</head>

 

<body>

<div id="dv">今天天气不错,预计明天也不错,大家适合去和外国人交流abcdefg</div>

</body>

</html>

Css部分:

@charset "utf-8";

/* CSS Document */

div{

      border:1px solid #ff0000;

      width:200px;

      height:200px;

}

#dv{

      background-color:#F6F6F6;

      background-image:url(../imgs/1.jpg);

      background-position:  0px 100px;

}

关于“ Css背景属性是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

推荐阅读:
  1. css背景属性
  2. css 背景属性详细总结

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:CSS伪元素和Content属性怎么用

下一篇:CSS3中变形、过渡、动画属性的示例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》