CSS表格列表

标签：

/* CSS Document */

table{
         width:400px;
         height:200px;
         text-align:justify;                    【left区别：如果是是长篇英文，用left的话不会自动断行，文章靠右边会出现空白】 

        border-collapse:separate;         【表格边框空心/separate分离/collapse崩溃】
        border-collapse:collapse;          【表格边框实 /collapse崩溃】
        border-spacing:10px;              【表格间距】

        caption-side:bottom;               【设置标题位置】

        empty-cells:hide;                     【隐藏空单元格的背景和边框】

       table-layout:fixed;                    【内容过长时自动换行Y轴延伸/layout布局/fixed固定】
       table-layout:auto;                    【内容过长时向右拉伸/默认格式】

  border:5px solid red;                                 【设置表格外边框】
}

table tr th,table tr td{border:3px solid blue;} 【设置表格内边框】




ul{
      list-style-type:square;
      width:120px;
      list-style-image:url(1111.png);     【引用图片做前缀标签】
      list-style-position:inside;             【使无序标签成为文本的一部分】
       list-style-position:outside;          【默认/使无序标签独立于文本，前缀于文本前】
}

【disc实心圆/circle空心圆/square实心方块/decimal阿拉伯数字/ lower-roman小写罗马数字/upper-roman大写罗马数字/lower-alpha小写英文字母/upper-roman大写英文字母】*/

ul{
    list-style:lower-alpha inside url(1111.png);

}

.aa{
      vertical-align:top;
      vertical-align:middle;
      vertical-align:bottom;     【单个表格的对齐设置】
}

b{

    vertical-align:sub;
    vertical-align:top;       【单独的上下标设置】
}

div{
      width:300px;
      height:300px;
      background:silver;
      text-align:center;

}

  
div span{background:green;
vertical-align:-80px;             【div无法垂直居中，必须加span并且用负值】
}

/*html          <em>内容简介</em> <textarea rows="1">西安市</textarea> */

em{
vertical-align:-50px;} 【位置调整：正数向上、负数向下】

CSS表格列表

标签：

原文地址：http://www.cnblogs.com/webday/p/5289847.html