<!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: 重復(fù)
no-repeta:不重復(fù)
repeta-x:X軸重復(fù)
repeta-y:Y軸重復(fù) */
background-repeat: no-repeat;
/* 先為 X軸距離 再 為 Y軸距離 */
/* 不僅可以寫數(shù)值，還可以寫方位*/
background-position: 50% 50%;
/* 背景圖片的大小 */
background-size: 50% 50%;
/* 可以清浮動*/
/* hidden 超出隱藏 */
/* scroll 滾動 */
overflow: hidden;
/* 圓角 */
/* 左上 右上 右下 左下*/
border-radius: 50px 40px 30px 20px;
/* 陰影 */
/* X軸偏移 Y軸偏移 模糊范圍 模糊范圍大小 內(nèi)部陰影*/
/*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)
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 正文 為了忘掉前任，我火速辦了婚禮，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布，位于F島的核電站，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 歡迎大家又來到咱們的PPT圖文教程分享的時刻，我是大家的分享者：燕燕 最新圖文教程，歡迎大家關(guān)注我的微信公眾號：z...
