仿Word自动套用格式,用CSS设置表格样式

这篇博客探讨如何使用CSS来实现类似于Word中的表格样式,包括彩色底纹、边框和文字颜色。通过分析Word的边框和底纹设置,文章详细介绍了如何为不同单元格和行设置特定的样式,如不同颜色的底纹、边框宽度和类型,以及文字颜色。最后,作者提到这只是一个思路分享,期待读者提出更优的解决方案。
摘要由CSDN通过智能技术生成

找一个虽然不是很好看,但设置起来比较复杂的吧:彩色底纹-强调文字颜色6

Word中的效果如图示:

【样式分析】:

Word中设置表格格式,主要是设置边框和底纹,可选定整个表格或者部分单元格右击→表格属性→边框和底纹,打开“边框和底纹”对话框进行设置或察看,简单分析如下:

一、表头所有单元格

1、上边框:无;

2、左边框:无;

3、右边框:无;

4、下边框:颜色#4BACC6,3磅,单实线(网页中磅不好设置,用3px取代);

二、内容所有行

底纹颜色:#FEF4EC;

三、内容所有奇数行

底纹颜色:#FBCAA2;

四、内容所有单元格

左边框:白色,0.5,单实线(网页中磅不好设置,用1px取代);

五、内容最后一行单元格

下边框:颜色#B65608,0.5磅,单实线(网页中磅不好设置,用1px取代);

六、内容最后一列所有单元格

下边框:颜色#B65608,0.5磅,单实线(网页中磅不好设置,用1px取代);

七、内容第一列所有单元格:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值