如何自定义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)...