<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.all{
width: 400px;height: 400px;
background: white;
border: 1px solid red;
/* url("___")寻找图片资源*/
background-image: url("img/hh.png");
/* background-
repeta: 重复
no-repeta:不重复
repeta-x:X轴重复
repeta-y:Y轴重复 */
background-repeat: no-repeat;
/* 先为 X轴距离 再 为 Y轴距离 */
/* 不仅可以写数值，还可以写方位*/
background-position: 50% 50%;
/* 背景图片的大小 */
background-size: 50% 50%;
/* 可以清浮动*/
/* hidden 超出隐藏 */
/* scroll 滚动 */
overflow: hidden;
/* 圆角 */
/* 左上 右上 右下 左下*/
border-radius: 50px 40px 30px 20px;
/* 阴影 */
/* X轴偏移 Y轴偏移 模糊范围 模糊范围大小 内部阴影*/
/*box-shadow: 15px 15px 15px 10px gray inset;*/
transition: all 1s;
font-size: 30px;
color: pink;
text-align: center;
}
.all:hover{
/* 伪类 */
/* hover */
background-color: yellow;
box-shadow: 15px 15px 15px 10px red;
}
.all div{
margin-top: 240px;
}
/*.zero{
width: 100px;
height: 100px;
background: yellow;
border-radius: 50px;
}*/
</style>
</head>
<body>
<div class="all">
<div>
温婉的王湃湃
</div>
</div>
<!-- <div class="zero"></div> -->
</body>
</html>
CSS的其他样式 (background)
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 欢迎大家又来到咱们的PPT图文教程分享的时刻，我是大家的分享者：燕燕 最新图文教程，欢迎大家关注我的微信公众号：z...
