三樹專案 css樣式 div配置

2021-10-02 20:25:16 字數 392 閱讀 1475

頁面設計遇到的一些問題:

1、div懸浮感、div浮動(變成行內塊)、清除浮動

樣式:box-shadow: 2px 2px 5px #bbb; 

float: left;

clear: both;

2、外邊距自動適應(視窗大小自動適應,這個配置後看著非常舒服):

樣式:margin: auto;

3、內邊距,內容與邊框的距離

padding: 20px;

4、給div元素新增圓角的邊框、邊框寬度、邊框顏色、邊框的樣式(實線)

樣式:border-radius: 4px;

border: 10px;

border-color: black;

border-style: solid;

CSS樣式美化div盒子

完整 片 font family 等線 light 字型為等線 light font size 1.5em 字型大小為預設值的2倍 line height 1.5em 行高為1.5倍 color deepskyblue 字型顏色為deepskyblue line break unset 斷句方式 t...

CSS為div新增尖角樣式

先來看一下尖角效果 乙個div,右側邊框的上出現了乙個尖角的形狀。那麼如何來實現這麼乙個效果呢?1.原理 對於乙個塊級元素,但我們分別將元素的上下左右四個border設定成乙個比較大的畫素 如10px 樣式設定成solid 分別設定成不同的顏色的時候,同時將元素的width,height設定為0.這...

CSS為div新增尖角樣式

先來看一下尖角效果 乙個div,右側邊框的上出現了乙個尖角的形狀。那麼如何來實現這麼乙個效果呢?1.原理 對於乙個塊級元素,但我們分別將元素的上下左右四個border設定成乙個比較大的畫素 如10px 樣式設定成solid 分別設定成不同的顏色的時候,同時將元素的width,height設定為0.這...