css+table

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

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>table</title>

 <style type="text/css">

 table{

     border:#000 solid 2px;

     font-size:14px

     font-family:"迷你简黑体"

 }

 table tr td{border:#F00 solid 1px;}

 </style>

 </head>

 <body>

 <table width="400" border="0" cellpadding="0" cellspacing="0">

     <tr>

         <th align="center">消费项目</th>

         <th align="right">周一</th>

         <th align="right">周二</th>

     </tr>

     <tr>

         <td align="center">衣服</td>

         <td align="right">241</td>

         <td align="right">150</td>

     </tr>

     <tr>

         <td align="center">化妆品</td>

         <td align="right">30</td>

         <td align="right">14</td>

     </tr>

 </table>

 </body>

 </html>

css+table的更多相关文章

css table 布局
使用CSS表格 CSS表格能够解决所有那些我们在使用绝对定位和浮动定位进行多列布局时所遇到的问题.例如,“display:table;”的CSS声明能够让一个HTML元素和它的子节点像table元素一 ...
css table 合并单元格
1. css table 合并单元格 colspan:合并列, rowspan:合并行, 合并行的时候,比如rowspan="2",它的下一行tr会少一列: 合并列的时候,比如co ...
CSS Table（表格）
CSS Table(表格) 一.表格边框 border 指定CSS表格边框,使用border属性. 下面的例子指定了一个表格的Th和TD元素的黑色边框: table, th, td { border: ...
css Table布局：基于display:table的CSS布局
两种类型的表格布局你有两种方式使用表格布局 -HTML Table(<table>标签)和CSS Table(display:table 等相关属性). HTML Table是指使用原生 ...
css table布局
表格布局有两种方式: 1.HTML Table(<table>标签)和 2. CSS Table(display:table 等相关属性). HTML Table是指使用原生的<ta ...
HTML&CSS Table元素详细解说
1.预热 css样式多如牛毛,我不可能一个一个去讲,那样好像背字典一样,我相信你们也不喜欢这样的方式.所以,我会在实战中慢慢和你讲解,然后,你记住一些重要的css属性就可以了.关键是,你要学会去查资料 ...
div,css&table布局有哪些区别
DIV+CSS布局与TABLE布局相比,有哪些优点? 1.代码少,页面文件小,下载快 Div+css的布局现在属于国际W3C标准,table不是. 都知道用div的布局代码肯定少,所有的样式都在CSS ...
纯CSS,table的thead固定,tbody显示滚动条
以下代码,仅在谷歌下测试过首先是html的table的代码: <table class="tablediv" id="myTable" border=& ...
JS+CSS - table 表格固定表头和第一列、内容可滚动（转载）
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

随机推荐

vue使用sass
一.安装sass依赖包 $ npm install sass-loader --save-dev //sass-loader依赖于node-sass $ npm install node-sass - ...
【咸鱼教程】Egret可长按识别二维码(精确位置和大小)
教程目录一实现原理二实现过程三 Demo下载本教程是在Egret中实现长按识别的二维码,并可以精确定位二维码的位置和大小,支持横屏和竖屏. 一实现原理微信中长按识别二维码,需要长按jpg或p ...
ASP.NET Session 简单超实用使用总结
一.概述 Session用于存储特定的用户会话所需的信息 . Session对象的引入是为了弥补HTTP协议的不足,HTTP协议是一种无状态的协议. Session中文是“会话”的意思,在ASP.NE ...
【BZOJ3774】最优选择最小割
[BZOJ3774]最优选择 Description 小N手上有一个N*M的方格图,控制某一个点要付出Aij的代价,然后某个点如果被控制了,或者他周围的所有点(上下左右)都被控制了,那么他就算是被选择 ...
在pycharm中运行nose测试框架
之前一直在pydev上或命令行上运行nosetests. pycharm上如果运行nosetests,在看了管网后,总结果如下: 全新的pycharm: 填加完成后,打开你要的脚本,运行,即可以以no ...
基础笔记1（进制，浮点，递归，floor,round和ceil）
1,进制默认是十进制 0开头 8进制 0x 16进制 0b 2进制 2,long 的范围是19位数字.int范围是21亿左右,short 是三万二千左右. 超过int范围的long类型 ...
zookeeper 安装的三种模式
Zookeeper安装 zookeeper的安装分为三种模式:单机模式.集群模式和伪集群模式. 单机模式首先,从Apache官网下载一个Zookeeper稳定版本,本次教程采用的是zookeeper ...
python之接口
首先,我们必须明确的一点是:python里无接口类型,定义接口只是一个人为规定,在编程过程自我约束 python的类是可以写任意个方法的定义一个接口对继承类进行约束,接口里有什么方法,继承类就必须有 ...
[转]Android MediaPlayer状态机
翻译Android Reference Manual的MediaPlayer的状态机对播放音频/视频文件和流的控制是通过一个状态机来管理的.下图显示一个MediaPlayer对象被支持的播放控制操作 ...
iOS 截屏分享（包含状态栏与不包含状态栏）
iOS8以上的新方法PhotoKit 监听截图相册变化,取最后一张图片:http://www.hangge.com/blog/cache/detail_1515.html PhotoKit 获取本机相 ...

css+table

css+table的更多相关文章

随机推荐

热门专题