zoukankan      html  css  js  c++  java
  • CSS 教程Part3 [列表、表格、轮廓](摘录自 W3C School)

    CSS 列表

    CSS 列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志。

    list-style:简写属性在一个声明中设置所有的列表属性。

    image

    list-style-type:属性设置列表项标记的类型

    image

    image

    list-style-image:属性使用图像来替换列表项的标记

    image

    image

    image

    list-style-position:属性设置在何处放置列表项标记(列表与外层元素左边界距离

    image

    image

    CSS 表格

    CSS 表格属性允许你设置表格的布局。

    border-collapse:属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。

    image

    image

    border-spacing:属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。

    image

    image

    caption-side:属性设置表格标题的位置

    image

    image

    empty-cells:属性设置是否显示表格中的空单元格(仅用于“分离边框”模式)

    image

    image

    tableLayout:属性用来显示表格单元格、行、列的算法规则

    image

    image

    CSS 轮廓

    轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。

    outline:简写属性在一个声明中设置所有的轮廓属性

    image

    outline-color:属性设置一个元素整个轮廓中可见部分的颜色

    image

    image

    outline-style:属性用于设置元素的整个轮廓的样式

    image

    image

    outline-width:属性设置元素整个轮廓的宽度

    image

    image

    注释1:元素只有获得轮廓以后才能改变其轮廓的各种属性。

    注释2:轮廓线不会占据空间,也不一定是矩形。

  • 相关阅读:
    部署DNS正向解析-使域名和ip互相认识能够友好的访问
    部署NTP时间服务器-使时间同步
    Linux系统中常见的目录名称以及相应内容及用户管理相关文件
    systemctl常用操作
    部署NFS
    配置本地用户模式ftp服务 差个网上的
    js预解析
    jquery 三级联动
    js事件冒泡
    jquery 判断checkbox是否选中
  • 原文地址:https://www.cnblogs.com/SkySoot/p/2452989.html
Copyright © 2011-2022 走看看