扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
Blog链接：https://blog.51cto.com/13969817
在开发设计中，若遇到针对网站中的表格样式做修改，我们要引导大家不要对表格格式进行全站点范围的更改，内置的表格工具为你提供了丰富的修改颜色、边框、页眉、页脚等。
但我个人认为，不同的表需要在不同的场景中有不同的外观，这种情况下，你可以对表体、表头，表行重新定义CSS，有灵活性是非常重要的，这在modern体验中是行不通的，必须在一个经典的web部件页面使用一个表格，下面我来为大家介绍一下如何实现的。
现在你将看到一个Page中显示的了一个表格，你可以通过功能区中的额外标签进行设计：
成都创新互联长期为近1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为贡觉企业提供专业的成都网站建设、成都做网站，贡觉网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
我们进入Developer Tools页面，我们来更改下带状颜色，我们来使用指针识别出带状区域，你将看到一个类：OddRow-1，我们来定义一个rule，使其背景变为粉色。
.ms-rteTableOddRow-1 {
background-color: pink !important;
}
如果这是你的官方规则，请复制这个规则到样式表中，并保存。
返回到网站页面，刷新一下，所更改的规则仍旧存在，然后我们再插入一个表格，选择之前表格的样式：Light-banded，你将发现保留了刚刚的设置。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网