【214】博客园编辑技巧

1. 表格整体编辑

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

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

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

  1 2	border-top-style: solid; border-bottom-style: solid; border-left-style: none; border-right-style: none; text-align: center; border-color: #ffffff; width: 50px; border-width: 10px; border-style: solid none; text-align: center; border-color: #ffffff; width: 50px; border-width: 10px;

  
  

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

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

---

 

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

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

• 建立表格（10列，5行），默认是右边框，没有底色的
• 对表格整体编辑，设置样式为：【border-style: none;】
• 对单元格编辑，设置样式为：【border-style: none;】，应用到所有单元格
• 对行属性编辑，设置样式为：
  【border-style: solid none; background-color: #99ffcc; border-color: #ffffff; border-width: 2px;】，应用到奇数行
  【border-style: solid none; background-color: #99ffff; border-color: #ffffff; border-width: 2px;】，应用到偶数行