网站建设资讯

NEWS

网站建设资讯

bootstrap什么可以实现隔行变色

bootstrap中,可用“.table-striped”表格类实现隔行变色,该表格类用于在tbody标签内将奇数行的背景设为灰色,只需要给表格元素添加“class="table table-striped"”样式即可。

成都创新互联专注于汉台网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供汉台营销型网站建设,汉台网站制作、汉台网页设计、汉台网站官网定制、小程序定制开发服务,打造汉台网络公司原创品牌,更为您提供汉台网站排名全网营销落地服务。

本教程操作环境:Windows7系统、bootsrap3.3.7版、DELL G3电脑

bootstrap什么可以实现隔行变色

通过添加 .table-striped class,将在 内的行上看到条纹。

可用“.table-striped”表格类实现隔行变色,只需要给表格元素添加“class="table table-striped"”样式即可。

示例如下:

Bootstrap 实例 - 条纹表格
条纹表格布局
名称城市邮编
TanmayBangalore560001
SachinMumbai400003
UmaPune411027

输出结果:

推荐学习:《bootstrap使用教程》


文章名称:bootstrap什么可以实现隔行变色
分享地址:http://njwzjz.com/article/cjpdps.html