如何自定義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提供的默認樣式,自定義自己的樣式。
-
如何製作圖片火海燃燒效果
如何製作圖片火海燃燒效果呢?下面,就讓小編給大家介紹一下吧。操作方法01首先,我們需要打開我們電腦的ps軟件(鼠標左鍵雙擊桌面上的ps快捷方式或者是鼠標右鍵再選擇打開都是可以的)。02打開ps軟件之後,打開一張圖片;接着,複製背景圖層。03添加分層雲彩濾鏡效果;然後,執行...
-
湘源控規CAD——圖則製圖知多少
湘源控規CAD是CAD的一個插件,廣泛應用於城市規劃的總體規劃和控制性詳細規劃中,可以大大提高製圖效率。圖則製圖是一個非常有用的工具,那麼圖則製圖怎麼樣?看下面的介紹吧操作方法(01)“圖則頁面”功能:插入圖則頁面。菜單:“圖則”→“圖則頁面”。(02)“圖則參數”功能...
-
Excel中根據身份證號求年齡性別和出生日期
在excel中怎麼根據身份證號來求得年齡性別和出生日期,讓小編教給你操作指南。判斷性別公式:(01)首先讓小編打開一個工作樣表作為例子。如圖所示:(02)在C26單元格中輸入公式:=IF(MOD(MID(B26,17,1),2),"男","女")來判別男女。如圖所示:(03)下拉填充公式至所有人員行,如圖所...
-
如何用excel利用出生年月來計算年齡
我們在日常使用Excel中有時會利用公式來做計算,得到期望的結果,這樣往往會比自己一個一個的去計算快得多。利用出生日期,我們也可以用公式去計算年齡。下面一起來看下怎麼操作。操作方法(01)打開excel,輸入測試數據,姓名和出生日期列有明確的數據,年齡列等待計算。(02)...