【CSS构造表格】的更多相关文章

25 ,CSS 构造表格

1. 表格的基础构造 2. 边距和边线应用 3. 隐藏和删除应用 1.  简单表格 table { width:auto; border-collapse:collapse; margin-left:20px; border:1px solid black; } td,th { width:50px; border:1px solid black; padding:5px; background:gold; text-align:center; vertical-align:middle; te…

CSS构造表格

表格的基础构造 边距和边线应用 隐藏和删除应用 简单表格 table {     width:auto;     border-collapse:collapse;(把单元格空隙合并起来)     margin-left:20px;     border:1px solid black; } td,th {     width:50px;     border:1px solid black;     padding:5px;     background:gold;     text-alig…

CSS 构造表格

表格边框 CSS 中设置表格边框,请使用 border 属性: <style type="text/css"> table{ border:1px solid red; } th,td{ border:1px solid red; } </style> </head> <body> <table> <tr> <th>姓名</th> <th>描述</th> </t…

CSS控制表格（table）样式

CSS控制表格样式 /* 合并边框重叠部分 */ table{border-collapse:collapse;} /* 单元格边框 */ td{border:1px solid #A7AEB1;}…

css构造块级元素

css 1. 宽高width:数值;height:数值;也可用百分比!长高的设置不会被后代继承2. 背景(1)背景颜色background-color:颜色值;元素的背景颜色默认为transparentbackground-color 不会被后代继承.(2)背景图片使用background-image 属性默认值为none 表示背景上没有放置任何图像如果需要设置一个背景图像,必须为这个属性设置一个url 值background-image: url(bg.gif);注意图片的位置引入方法!背景图…

css构造文本

1. 1. 文本缩进text-indent:值:值为数字,最常用的数值单位是px(像素),也可以直接是百分比!text-indent:100px;text-indent:10%;2. 文本对齐text-align:对其方式;可以的值为:left.center.right3. 文本行高line-height:值;line-height:23px;line-height:120%;默认:normal4. 字间隔(单词)word-spacing:10px;默认值:normal5. 字母间隔letter…

四个好看的CSS样式表格

文章来源 http://www.cnphp6.com/archives/58020 1. 单像素边框CSS表格 这是一个非经常常使用的表格样式. 源码: 2. 带背景图的CSS样式表格 和上面差点儿相同,只是每一个格子里多了背景图. cell-blue.jpg cell-grey.jpg 1. 下载上面两张图,命名为cell-blue.jpg和cell-grey.jpg 2. 拷贝以下的代码到你想要的地方,记得改动图片url 3. 自己主动换整行颜色的CSS样式表格(须要用到JS) 这个CSS样…

常用的四种CSS样式表格

1. 单像素边框CSS表格 这是一个很常用的表格样式. [html] <style type="text/css"> table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } table.gridtable th {…

24, CSS 构造超链接

1. 超链接边框 2. 派生超链接 3. 属性选择器超链接 4. 动态超链接 5. 图像翻转超链接 6. CSS 工具提示 1.给链接加上边框 A:link { Color: #f00; Text-decoration: none; Border-bottom: 1px dashed #333; Line-height: 150%; } 2.在文章段落中加上超级链接 A:link { Color: #f00; Text-decoration: none; Border: 1px solid #3…

23 , CSS 构造列表与导航

1. 列表图片 2. 背景列表 3. 翻转列表 4. 水平导航 1. 内边距与外边距 Ul { Margin: 0; Padding: 0; } 2. 使用图片作为列表图标 Ul { Margin: 0; Padding:0; Width: 200px; List-style-image:url(images/list.gif); Line-height: 150%; } 3. 以背景图片作为项目列表图标 Ul { List-style-type:none; } Li { Background:…