1.css表格

①Border-collapse是否把表格边框合并为单一的边框。Separate默认值,collapse合并。

②Border-spacing分割单元格边框的距离。

③Caption-side设置表格标题的位置。Top默认值,bottom在表格下方。

④Empty-cells是否显示表格中的空单元格。Show默认,hide不显示。

⑤Table-layout设置显示宽度是否随内容拉伸。Auto默认,fixed不拉伸(列宽由表格宽度和列宽度设定)。

2.css列表

①List-style可以把所有属性写在一起。

②List-style-type设置列表标志的类型。

  ⑴disc默认实心圆,None无标记,circle空心圆,square实心方块。

  ⑵Decimal数字,decimal-leading-zero以0开头的数字。

  ⑶Lower-roman小写罗马数字,upper-roman大写罗马数字。

⑷Lower-alpha小写英文字母,upper-alpha大写英文字母。

③List-style-position设置列表项标志的位置。Outside默认,inside标志在列表内。

④List-style-image将图像设置为列表项标志。List-style-image(url:../image/1.jpg)。

3.css边框

①Border可以把所有属性写在一起。

②Border-width设置边框宽度。

③Border-style设置边框样式。

  None无边框。

  Dotted点状边框。

  Dashed虚线。

  Solid实线。

  Double双线。(边框宽度至少大于3px)

  Groove定义3d凹槽边框。

  Ridge定义3d垄状边框。

  Inset定义3d inset边框。

  outset定义3d outset边框。

④Border-color设置边框颜色。

⑤Border-bottom/top/left/right设置具体每个边的边框属性。

  Border-bottom-width

  Border-bottom-color

  Border-bottom-style

⑥Border-radius圆角边框属性.

  Border-top-left-radius:2px 4px左上圆角边框(圆角半径一个是2一个是4)

  Border-top-right-radius右上圆角边框

  Border-bottom-left-radius左下圆角边框

  Border-bottom-right-radius右下圆角边框

⑦Border-image边框用图像来填充。

  Border-image-source图像来源路径。

  border-image-slice图像分割方式。

  Border-image-width边框厚度。

  Border-image-outset图像的扩展。(边框图像区域超出边框的量)

  Border-image-repet图像的平铺方式。Stretch拉伸,repeat重复铺满,round重复铺 满并对图片进行调整。

⑧Box-shadow向边框添加一个或多个阴影。

    

  

  

    

  

7.css3表格、列表、边框的样式设置--list/border的更多相关文章

  1. css3背景与边框相关样式

    background-attachment          背景图像是否固定或者随着页面的其余部分滚动 background-color                    设置元素的背景颜色 b ...

  2. CSS3基础(2)—— 文字与字体相关样式、盒子类型、背景与边框相关样式、变形处理、动画功能

    一. CSS3 文字与字体相关样式 1. 给文字添加阴影 text-shadow: length length length ccolor; 属性适用于文本阴影,指定了水平阴影,垂直阴影,模糊的距离, ...

  3. QListWidget与QTableWidget的使用以及样式设置

    QListWidget和QTableWidget的使用和属性,QTableWidget和QListWidget样式表的设置,滚动条的样式设置 一.QListWidget的使用 //一.QListWid ...

  4. table--边框样式设置

    Table的一些设置(自适应以及溢出)   table的两个属性 单行溢出点点显示 表格的宽度设置 双栏自适应连续连续英文符换行 1.table重置的两个属性: ①border-collapse: c ...

  5. HTML+CSS样式设置——CSS一学就会

    HTML+CSS样式设置 CSS:(Cascading Style Sheets)层叠样式设置表. 网页的展示效果跟其排版有非常大的关系.排版则主要依靠CSS来设置.调节. 以下说CSS与HTML的联 ...

  6. CSS3主要的几个样式笔记

    1.边框:border-color:    设置对象边框的颜色.     使用CSS3的border-radius属性,如果你设置了border的宽度是X px,那么你就可以在这个border上使用X ...

  7. CSS操作表格的边框和表格的属性示例代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. __x__(40)0909第五天__表格 table 的 css 样式 美化

    如果就向下面的代码那样,不写 tbody , 则浏览器自添加 tbody , 并将所有的 tr 移入 tbody 意味着 tr 并非 table 的子元素,而是 tbody 的子元素. 所以 以后编写 ...

  9. html常用样式margin、border怎么使用

    html常用样式margin.border怎么使用 一.总结 一句话总结:1.margin:auto配合width才能居中:2.border的三个属性依次是边框宽度,边框样式,边框颜色 1.html中 ...

随机推荐

  1. 【bzoj3672&&uoj7】[Noi2014]购票

    *题目描述: 今年夏天,NOI在SZ市迎来了她30周岁的生日.来自全国 n 个城市的OIer们都会从各地出发,到SZ市参加这次盛会. 全国的城市构成了一棵以SZ市为根的有根树,每个城市与它的父亲用道路 ...

  2. Mybatis学习笔记之---编写dao实现类的CRUD

    Mybatis编写dao实现类的CRUD 1.pom.xml <dependencies> <dependency> <groupId>junit</grou ...

  3. 当SQL Server出现当 MUST_CHANGE 为 ON (开)时

    取消账号强制策略时出现错误 当 MUST_CHANGE 为 ON (开)时,不能将 CHECK_POLICY 和 CHECK_EXPIRATION 选项设为 OFF (关). (Microsoft S ...

  4. BZOJ 3143 Luogu P3232 [HNOI2013]游走 (DP、高斯消元)

    题目链接: (bzoj) https://www.lydsy.com/JudgeOnline/problem.php?id=3143 (luogu) https://www.luogu.org/pro ...

  5. 【linux】的文件按时间排序

    > ls -alt # 按修改时间排序 > ls --sort=time -la # 等价于> ls -alt > ls -alc # 按创建时间排序 > ls -alu ...

  6. oracle-不完全数据库恢复-被动恢复-RMAN-06025/ORA-01190

    不完全数据库恢复 到目前为止,前面讨论的都是完全恢复数据库,这是recover database\recover tablespace\recover datafile默认的行为特征. 所谓完全恢复指 ...

  7. 网页上预览pdf文件的几种方案

    网页上查看pdf的方案: 1.使用adobe reader的插件 2.使用在线office控件 3.使用火狐开源项目pdf.js(浏览器需支持html5) 4.将pdf转换为swf文件 5.使用pdf ...

  8. 【Linux开发】将cmd中命令输出保存为TXT文本文件

    将cmd中命令输出保存为TXT文本文件 在网上看到一篇名为:"[转载]如何将cmd中命令输出保存为TXT文本文件" 例如:将Ping命令的加长包输出到D盘的ping.txt文本文件 ...

  9. 重载Prometheus配置

    发送SIGHUP信号给应用程序的主进程: pid ‘’-1‘’是指“终端断线” 发送post请求给指定端点: curl -XPOST http://ip:9090/-/reload 对于此种方法要注意 ...

  10. 关于SQL连接语句中的Integrated Security=SSPI/ture/false

    解决方法:即:Security Support Provider Interface设置Integrated Security为 True 的时候,连接语句前面的 UserID, PW 是不起作用的, ...