如何自定義Bootstrap美化過的table表格?
Bootstrap是最受歡迎的 HTML、CSS 和 JS 框架之一,它定義的css樣式代碼,爲我們平常使用的大多數HTML控件都做了統一的樣式外觀。
在應用了Bootstrap樣式後,我們能否再自定義自己的樣式?可以的,下面我們一起來看下怎麼自定義。
操作方法
(01)要應用bootstrap樣式,我們要先引入對應的樣式文件,如圖。
(02)然後再看下我們的示例代碼,代碼很簡單,就是一個四行四列的table,並且爲表格添加一個‘table-bordered’的樣式,如圖
(03)運行後,我們可以看到一個有邊線的table表格,如圖
(04)bootstrap爲我們的表格添加的邊線是灰色的邊線,如果我們要把邊線的顏色自定義一下,改成紅色的邊線,該怎麼修改?我們可以自定義自己的樣式代碼,來覆蓋bootstrap定義的邊線顏色就行了。代碼如圖,
(05)刷新頁面,可以看到現在的表格邊線已經是比較顯眼的紅色線條了,
(06)爲表格添加table-striped樣式,會讓表格有隔行效果。如圖<table class="table table-bordered table-striped">
(07)如果想要爲表格設置不一樣的隔行背景色,我們也可以自己寫樣式來覆蓋bootstrap的樣式。代碼如圖
(08)刷新頁面看下效果,我們爲table自定義的隔行背景色是灰黑色。通過上面的例子可以看到,我們既可以使用bootstrap爲我們提供的美觀的控件樣式,又可以在這些樣式基礎上隨意修改,覆蓋bootstrap提供的默認樣式,自定義自己的樣式。
-
在BIOS中開啓VT虛擬化以提高安卓模擬器的性能
在BIOS中開啓VT虛擬化可以較大的提高安卓模擬器的性能,現在就教教大家怎麼進行操作。操作方法(01)下載並安裝CPU-V。(02)先重啓電腦,開機後按delete鍵進入BIOS,不同的主板進入BIOS的按鍵不同(自己可以網上搜索下)。進入BIOS後,找到VirtualizationTechnology,把Disabled改...
-
C語言中if語句的使用
if(條件表達式)可以是任何合法的C語言表達式,但通常使用的是關係表達式和邏輯表達式。操作方法(01)語句可以是一條簡單的語句,也可以是一條塊語句。(02)執行過程:先計算並判斷表達式的值,如果結果爲“真”(不等於0)就執行IF控制的語句,否則跳過此句,執行後續句。(03)If語句...
-
如何更新word目錄
word的目錄設置好以後發生了改變要怎麼辦,更新一下就好了,怎麼更新呢?讓小編教給你操作指南。操作方法(01)打開一個已經生成好目錄的word文檔。(02)用鼠標左鍵單擊目錄後,整個目錄被複選。(03)在目錄上點擊鼠標右鍵,在右鍵菜單中選擇更新域選項。(04)如果只是增加了內容或更...
-
怎樣免費觀看最新高清電影大片和付費熱劇
時下,很多電影大片上映期間,很難在網絡上找到,往往都是預告片,或者是TS搶先版不清晰的影片;很多電視熱劇往往都是付費的,獨家的,或者需要購買各種視頻網站會員才能觀看。那麼我們如何不花錢就能一睹爲快呢?下面教給大家一些方法,不要太感謝我哦!操作方法(01)網絡電視觀看時...