背景颜色填充圆角解决方案

qing叮

本帖最后由风之剑于 2023-8-12 17:41 编辑

如下图，在页面四周添加了一个颜色填充带，用于美化页面，考虑到不仅页面四个角需要圆角，页面中间也会根据需要填充灰色（或其他颜色）填充带用于分割内容。
这个时候用背景填充图片或者直接背景颜色填充就没有办法做到如下图的圆角效果了。

1691831009153.png241910399.png

经过本人一个下午的研究，在背景图片-背景色块填充的基础上找出了一个可行的解决方案，现发布出来供大家参考。

处理方案：
1、先用灰色（或其他色）来填充分割好需要的样式（一定要在插入-背景图片-背景色块）。剩下的就是设置圆角了。
2、在需要设置为圆角的位置，最好单独预留一个空白单元格，正方形最优。如下图红色标识处：
1691831423984.png56376036.png

3、首先把这个边角单元格按照上面的填充步骤，按背景色块填充为灰色（或其他颜色）--此处重要，然后设置这个边角单元格为按钮格式（此处重要），再自定义该按钮的格式：背景色为白色，增加左下角圆角（要根据单元格位置设置对应角为圆角），边框可不设置，如下图：
1691831684013.png940602416.png