【214】博客园编辑技巧

1. 表格整体编辑

  • 在表格中点击右键》表格属性
  • 修改表格样式如下:

2. 表格中通过对单元格编辑

  • 点击”表格元件属性“
  • 对单元格编辑,可以应用到如下四种模式:
        ◈ 更新目前存储格:
        ◈ 更新目前行的存储格:将设置的样式应用到当前行
        ◈ 更新列的所有单元格:将设置的样式应用到当前列
        ◈ 更新所有存储格:将设置的样式应用到所有单元格

    样式设置:
    border-top-style: solid; border-bottom-style: solid; border-left-style: none; border-right-style: none; text-align: center; border-color: #ffffff;  50px; border- 10px;
    border-style: solid none; text-align: center; border-color: #ffffff;  50px; border- 10px;
    

3. 表格批量加背景色、奇数行/偶数行批量添加背景色

  • 点击”行属性“
  • 对单元格编辑,可以应用到如下四种模式:
        ◈ 更新目前行:
        ◈ 更新表格的奇数行:将设置的样式应用到所有的奇数行
        ◈ 更新表格的偶数行:将设置的样式应用到所有的偶数行
        ◈ 更新表格的所有行:将设置的样式应用到所有行

☀☀☀<< 举例 >>☀☀☀

1. 实现不同行颜色不同,并用白色分割(颜色设置可以通过可视化控件实现)

  • 建立表格(10列,5行),默认是右边框,没有底色的
  • 对表格整体编辑,设置样式为:【border-style: none;】
  • 对单元格编辑,设置样式为:【border-style: none;】,应用到所有单元格
  • 对行属性编辑,设置样式为:
    【border-style: solid none; background-color: #99ffcc; border-color: #ffffff; border- 2px;】,应用到奇数行
    【border-style: solid none; background-color: #99ffff; border-color: #ffffff; border- 2px;】,应用到偶数行
                   
                   
                   
                   
                   
原文地址:https://www.cnblogs.com/alex-bn-lee/p/5784143.html