CSS樣式美化div盒子

2021-09-18 04:32:00 字數 1695 閱讀 1015

完整**片

font-family: "等線 light";   /*字型為等線 light */

font-size: 1.5em; /*字型大小為預設值的2倍*/

line-height: 1.5em; /*行高為1.5倍*/

color: deepskyblue; /*字型顏色為deepskyblue*/

line-break:unset; /*斷句方式*/

text-indent: 2em; /*首行縮排2單位*/

width: 600px;             							  /*div寬600px*/

height: 600px; /*div高600px*/

background: #ffcccc; /*背景顏色為ffcccc*/

background-image: url("img/5045d688f5d104ca.jpg"); /*背景影象*/

background-size: 550px; /*背景影象尺寸*/

border: 2px solid #ffffcc; /*邊框線寬1px 實線 顏色:#ffffcc*/

margin: 50px; /*外邊距為50px*/

padding: 20px; /*內邊距為20px*/

-webkit-box-shadow: 0 0 80px #3148ff; //**影 /*x y 虛化半徑 陰影顏色*/

-webkit-box-shadow: 0 0 80px pink inset; //內陰影 /*x y 虛化半徑 陰影顏色*/

background-repeat:properties; 			//的重複方式

//properties替換為屬性值

//repeat預設屬性,背景影象將在垂直方向和水平方向重複。

//repeat-x 背景影象僅在水平方向重複。

//repeat-y 背景影象僅在垂直方向重複。

//no-repeat 背景影象將僅顯示一次。

//inherit 規定應該從父元素繼承 background-repeat 屬性的設定。例如body元素等

background-attachment: properties; //在滑鼠滾輪滑動時動作

//properties替換為屬性值

//fixed 固定

//revert跟隨滑鼠滑動

聽說你的城市下雨了

不知道你帶傘了沒有

如果帶了

這雨就他媽白下了

曾經語文老師教了我們一句英文i like you,but just like you.剛想說這個句子不錯,正想把它摘抄到筆記本上時,老師告訴我們它的翻譯:縱然萬劫小復,縱然相思入骨我也待你眉眼如初,歲月如故.

頁面底端

css盒子 布局樣式

恢復內容開始 1.盒子 邊框border top width 10px 寬度 border top style solid dashed dotted 實線 虛線 點線 border top color red 顏色 border top 10px solid red 寬 線 色 上邊框 borde...

CSS 網頁的樣式美化

內部樣式表 不用通過引入css檔案來設定樣式,直接在head的 style 雙標籤中設定。內聯樣式表 行內樣式 在html中,直接將樣式屬性寫在標籤上,優先順序高於其它所有方式設定的樣式,加了 important的除外。外部樣式表 通過引入外部css檔案設定樣式,引入方式有兩種,一種是通過link標...

css美化checkbox樣式,置灰樣式,超簡潔

效果圖 核取方塊1 div type checkbox checked class toggle 核取方塊2 div type checkbox disabled class toggle 核取方塊3 div type checkbox disabled checked class toggle 核...