博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【214】博客园编辑技巧
阅读量:7236 次
发布时间:2019-06-29

本文共 1029 字,大约阅读时间需要 3 分钟。

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;】,应用到偶数行
                   
                   
                   
                   
                   

 

转载于:https://www.cnblogs.com/alex-bn-lee/p/5784143.html

你可能感兴趣的文章
python之 前端HTML/CSS基础知识学习笔记
查看>>
终结者:负载均衡之Nginx(一)
查看>>
Python基础之控制流
查看>>
超慢速移动动画使用CSS3实现流畅效果
查看>>
为什么String类是不可变的?
查看>>
Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
查看>>
Hibernate(十五):QBC检索、本地SQL检索和HQL删除
查看>>
BZOJ 1091([SCOI2003]分割多边形-分割直线)
查看>>
<html>
查看>>
淘宝中间的一像素线(手机端)
查看>>
iOS开发 之 不要告诉我你真的懂isEqual与hash!
查看>>
vscode: Visual Studio Code 常用快捷键1
查看>>
多线程(7)多线程中的异常处理
查看>>
(转)基于MVC4+EasyUI的Web开发框架经验总结(12)--利用Jquery处理数据交互的几种方式...
查看>>
java多线程之 ---- 线程死锁
查看>>
APP三种开发模式
查看>>
solr入门之solr的拼写检查功能的应用级别尝试
查看>>
《分水岭:看清中国科技和互联网未来五年的趋势》出版 腾讯科技出品
查看>>
UIButton的图片和文字相对位置调整
查看>>
mark 百度Echarts统计图表
查看>>