以下為專案常用的樣式:
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...