zoukankan      html  css  js  c++  java
  • 【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;】,应用到偶数行
                       
                       
                       
                       
                       
  • 相关阅读:
    java学习网址大全
    Js 提示框
    api帮助文档及常见IT学习网站
    传参给 jsp
    jsp>action
    二级横菜单显示+sitemesh母板应用
    request,session
    map>json
    清空image画布并改变大小填充背景色
    取汉字首字母方法
  • 原文地址:https://www.cnblogs.com/alex-bn-lee/p/5784143.html
Copyright © 2011-2022 走看看