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;} 【位置调整:正数向上、负数向下】

时间: 2024-10-16 19:56:28

CSS表格列表的相关文章

css链接列表表格

1.css链接 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 注意: a:hover 必须跟在 a:link 和 a:visited后面 a:active 必须跟在 a:hover后面 text-decoration:none;下划线 2.css列表前面的标记 list-style-type: upper-roman; list-style-image: url('oo.p

第七十五节,CSS表格与列表

CSS表格与列表 学习要点: 1.表格样式 2.列表样式 3.其他功能 一.表格样式 表格有五种独有样式,样式表如下:             属性               值                   说明              CSS版本       border-collapse        边框样式    相邻单元格的边框样式                         2        border-spacing       长度值        相邻单元格边

第18章 CSS表格与列表

第 18章 CSS表格与列表学习要点:1.表格样式2.列表样式3.其他功能 本章主要探讨 HTML5中 CSS表格和列表,通过表格和列表的样式设置,让表格和列表显示更加多元化. 一.表格样式表格有五种独有样式,样式表如下:属性 值 说明 CSS版本border-collapse 边框样式 相邻单元格的边框样式 2border-spacing 长度值 相邻单元格边框的间距 2caption-side 位置名称 表格标题的位置 2empty-cells 显示值 空单元格是否显示边框 2table-l

24.CSS表格与列表

第十八掌  CSS表格与列表 一.表格样式 属性               值             说明              CSS版本 border-collapse    边框样式     相邻单元格的边框样式      2 border-spacing     长度值       相邻单元格边框间距        2 caption-side       位置名称     表格标题位置              2 empty-cells        显示值       空单

整理 W3CSchool 常用的CSS属性列表

近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下,O(∩_∩)O. 摘选自:http://www.w3cschool.com.cn/ 表格最右列的数字标识支持的CSS最低版本. 目录: 01. CSS背景属性(Background) 02. CSS边框属性(Border和Outline) 03. CSS文本属性(Text) 04. CSS字体属性(Font) 05. CSS外边距属性(Margin) 06. CSS内边距属性(Padding) 07. CSS列表属性(

一个带标号的CSS文章列表写法

<title>CSS文章列表</title> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} a,a:visited{color:#5e5e5e; text-decoration:none;} a:hover{color:#b52725;text-decoration:underline;} .clear{display:bloc

css表格,继承,边距

文本域textarea属性: resize:none;  文本域不可拉动 继承性: 与文字有关的一般会继承下去. CSS表格: border-spacing:20px;  设置边框内的距离: table { border-collapse: separate; border-spacing: 10px; } border-collapse:collapse  合并相邻边: 边距: 1 <!doctype html> 2 <html> 3 <head> 4 <met

CSS控制列表样式属性list-style有哪些?怎么用?

CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业

HTML 学习笔记 CSS(表格)

CSS 表格属性可以帮助您极大的改善表格的外观 表格边框 如需在CSS中设置表格的边框 请使用border属性. 在下面的例子中table th 以及td设置了蓝色边框. table, th, td { border: 1px solid blue; } ??上例中的表格具有双线条边框 这是由于table th td元素都具有独立的边框 如果 你想要把表格显示为单线条框 请使用border-collapse属性 折叠边框 border-collapse属性设置是否将表格的边框折叠为单一边框 ta