如何自定義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提供的預設樣式,自定義自己的樣式。
-
ie修復工具完美修復Internet Explorer無法使用
IE修復工具是一款針對IE瀏覽器無法開啟、IE瀏覽器崩潰、IE首頁被篡改及使用者無法上網所專門研發的一款瀏覽器修復工具。下面為大家介紹一下ie修復工具完美修復InternetExplorer無法使用。操作方法(01)首先在自己電腦上下載安裝電腦管家。(02)然後開啟電腦管家——點...
-
怎樣開通和取消中國銀行手機銀行
怎樣開通和取消中國銀行手機銀行,很多朋友有這個問題,下面就介紹一下。操作方法(01)開通搜尋中國銀行手機銀行官網。(02)選擇“個人客戶網銀登入”。(03)輸入銀行卡號和密碼。(04)點選“登入網上銀行”。(05)輸入需要的資訊,點選完成。(06)取消首先在瀏覽器裡面輸入中國銀行進...
-
華為悅盒看電視直播
華為悅盒內建的程式中並沒有看電視直播的軟體,安裝一個電視家即可,讓小編教給你安裝指南。操作方法(01)將電視與華為悅盒用資料線連線好後,開啟電視機和華為悅盒的電源,等待系統啟動。(02)在電腦上將下載好的電視直播程式存放到U盤上,並將U盤插入到華為悅盒上。(03)在華為...
-
怎麼才能恢復損壞的視訊檔案?
操作方法(01)高效安全:軟體採用只讀的方式來掃描丟失資料的介質,在記憶體中組織掃描到的檔案以及目錄結構,不會往源介質中寫入任何資料,也就不會對源介質造成任何破壞。這樣就避免了因為使用者自己的操作不當而造成資料的二次破壞。簡潔易用:軟體是一個綠色軟體。使用者無需...