css 樣式收集

2021-08-02 05:17:36 字數 1830 閱讀 1397

以下為專案常用的樣式:

1、自定義滾動條樣式:

/*控制滾動條樣式*/

::-webkit-scrollbar

::-webkit-scrollbar-track

::-webkit-scrollbar-thumb

2、背景定位、大小設定

.box

如果想改變背景圖上,某圖形元素的實際大小,需要設定background-size屬性;

注意:background-size屬性必須在background屬性之後使用才有效;

以下為我的bgn.png

3、div的特定位置

.box-l

.box-l

html**

class="container-fluid"

style="padding-left:5px; padding-right:5px;">

id="float_box">

class="box box-l">

div>

class="box box-r">

div>

div>

div>利用2、3兩個樣式,我最終出現的效果圖如下:

下面摘抄一段z-index屬相的用法:

4、table-td自動換行

字母一般會被瀏覽器預設是乙個字串或者說乙個單詞,不會自動換行

1.一般標籤把style設定成」word-wrap:break-word;word-break:break-all;」(一般情況只需要設定word-break:break-all即可,但是有時候需要加word-wrap:break-word )

2.table比較特殊,首先需要把table的sytle設定成」table-layout:fixed」,意思是**需要固定寬度,同時也需要自適應他外面的容器,也不要撐出去,其次設定td的style=」word-wrap:break-word;」換行,這樣td就可以自動換行了,具體**如下:

class="table table no-margin" style="table-layout:fixed;">

width="10%">序號th>

width="70%">條件th>

width="20%">數量th>

tr>

thead>

189td>

style="word-wrap:break-word;word-break:break-all;">

((devicetype="router"||devicetype="broadband router"||devicetype="switch"||devicetype="load balancer"||devicetype="bridge"||devicetype="hub") && e) && os%3d%22windows%22

td>

4td>

tr>

tbody>

table>

各種常用的css樣式(收集整理)

a a標籤去掉下劃線 a 滑鼠手型樣式 li 列表樣式 無。li標籤去掉點 em 去掉em標籤斜體樣式,初始化 用a標籤實現跳轉到本頁面或者目標頁面的頂部 底部或者某一位置 1 定義目標位置,賦予id。2 給a標籤新增href為 id。文字兩端對齊 text align justify 偽元素選擇器...

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...

CSS樣式 文字樣式

文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...