资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/cjpdps.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220