风之剑 发表于 2023-8-12 17:37:00

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

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

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



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

处理方案:
1、先用灰色(或其他色)来填充分割好需要的样式(一定要在 插入-背景图片-背景色块)。剩下的就是设置圆角了。
2、在需要设置为圆角的位置,最好单独预留一个空白单元格,正方形最优。如下图红色标识处:
      
3、首先把这个边角单元格按照上面的填充步骤,按背景色块 填充为灰色(或其他颜色)--此处重要,然后设置这个边角单元格为 按钮 格式(此处重要),再自定义该按钮的格式:背景色为 白色,增加左下角圆角(要根据单元格位置设置对应角为圆角),边框可不设置,如下图:
         

4、最后应用这个按钮格式就可以达到需要的圆角效果了。 因为有四个方向的圆角,所以需要设置四个不同方向的圆角格式。分别应用对应的位置即可。
最后面再欣赏下完全设置好后的效果(仅设置了下方圆角)。







天之云 发表于 2023-8-13 15:31:52

有必要那么费事吗?

1、首先全部设置背景图片为白色,设置圆角,然后再这个背景中间需要分割的地方再添加一个背景,不设置圆角就行了

黄岛主 发表于 2023-8-13 17:03:48

确实把问题复杂化了

风之剑 发表于 2023-8-14 10:54:02

天之云 发表于 2023-8-13 15:31
有必要那么费事吗?

1、首先全部设置背景图片为白色,设置圆角,然后再这个背景中间需要分割的地方再添 ...

拜读了,专业。感谢!!!

Aa金砂 发表于 2023-8-14 14:45:52

如果有命令 设置 区域 背景颜色就好了

诸葛庭 发表于 2023-9-8 09:05:31

天之云 发表于 2023-8-13 15:31
有必要那么费事吗?

1、首先全部设置背景图片为白色,设置圆角,然后再这个背景中间需要分割的地方再添 ...

能否细说一下

页: [1]
查看完整版本: 背景颜色填充圆角解决方案