background示例一

Posted 2021-03-10 kukai

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了background示例一相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

div {

margin: 0px;

padding: 0px;

}

div.box{

width: 300px;

height: 300px;

border:10px double red;

padding:10px;

/* 设置背景图片 */

background-image:url("./source/img/1.jpg");

/* 设置背景颜色 */

background-color:aqua;

/* 设置背景图片大小 */

background-size:100px auto;

/* 设置背景图片是否重复 */

background-repeat: no-repeat;

/* 设置背景图片的位置两位参数x轴 y轴 */

background-position: 10px 0px;

/* 从内边距处开始计算原点 */

background-origin:padding-box;

/* 设置背景范围 */

background-clip:content-box;

}

</style>

</head>

<body>

</body>

</html>

以上是关于background示例一的主要内容，如果未能解决你的问题，请参考以下文章