经典的表格样式

 <style type="text/css">
        #tbList
        {
            border:2px solid #90CBFB;
            width:600px;
            margin:20px auto;
            border-collapse:collapse;
        }
        #tbList th,td
        {
            border:2px solid #90CBFB;
            padding:5px;
            text-align:left;
        }
        #tbAdd
        {
            border:1px solid #000;
            width:300px;
            margin:10px auto;
            background-color:#fff;
            border-collapse:collapse;
            position:absolute;
            left:360px;
           display:none;
        }
        #tbAdd td
        {
            padding:10px;
         }
         #divShadow
         {
             width:100%;
             height:100%;
             position:absolute;
             left:0px;
             top:0px;
             background-color:Gray;
             opacity:0.7;
             display:none;
         }
    </style>

经典的表格样式,布布扣,bubuko.com

时间: 2024-10-22 04:57:50

经典的表格样式的相关文章

自己编写jQuery插件 之 表格样式(银光棒)

又来吐嘈了,实在是忍不住:换工作以来的第一次上班迟到.早上坐车,坐了4站路发现路线不对,问司机,司机说从今天起换路线了.尼玛,立马下车换乘.换了车,开了2站路,车子坏了,再次被迫下车.就近站牌等车,第一次车没靠站,直接走了,第二次很挤,没法还得上.终于到了公司楼下,fuck,电梯坏了,最终我迟到了......一个美好的早晨,我就这样被老天爷给轮了! 先上图: 上面这张图有3种状态,默认状态(灰白相间),鼠标悬浮状态(绿色),鼠标点击状态(黄色). Html代码如下: <table> <t

表格样式

1.去除表格td默认间距及制作1px细线表格 方案一: 在页面内,通过cellspacing="0″将这个间距消除,合并边框. 方案二:在CSS定义里,只要给这个table一个border-collapse:collapse的样式,就可以达到这个效果 表格样式,布布扣,bubuko.com

美丽的表格样式(使用CSS样式表控制表格样式)

按照WEB2.0风格,设计了几个表格样式,希望大家喜欢. WEB2.0提倡使用div开布局,但不是要全然放弃使用表格,表格在数据展现方面还是不错的选择. 如今使用介绍使用CSS样式表来控制.美化表格的方法. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><

链接样式和表格样式

链接的特殊性在于能够根据它们所处的状态来设置它们的样式 链接伪类 :link,控制正常显示时状态 :visited,控制访问过的状态 用户动作伪类 :hover,控制鼠标悬停时的状态 :active,控制被激活时的状态 表格样式 边框合并border-collapse 如果设置了单元格的边框,相邻单元格的边框会单独显示,类似于双线边框 border-collapse属性:合并相邻的边框 设置是否将表格边框合并为单一边框 border-collapse:separate/collapse: 边框边

Bootstrap中六种表格样式

表格 表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格.在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用. 同样的,如果你对CSS预处理器熟悉,你可以使用Bootstrap提供的预处理版本: ?  LESS版本,对应的文件是 tables.less ?  Sass版本,对应的文件是 _tables.scss 如果你不懂LESS

delphi 设置表格样式。

//设置表格样式 wordDoc.Tables.Item(1).Borders.Item(Word.WdBorderType.wdBorderLeft).LineStyle = Word.WdLineStyle.wdLineStyleSingle; wordDoc.Tables.Item(1).Borders.Item(Word.WdBorderType.wdBorderLeft).LineWidth = Word.WdLineWidth.wdLineWidth050pt; wordDoc.Ta

漂亮的表格样式(使用CSS样式表控制表格样式)

根据WEB2.0风格,设计了几个表格样式,我希望你喜欢. WEB2.0推广使用div开放式布局.但并不是完全放弃使用形式,在数据表现形式而言是一个不错的选择. 本节将介绍如何使用现在CSS样式表来控制.的方法. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">&l

分享几款非常漂亮的css 表格样式

我们在布局网站的时候以前都可能直接用TABLE设计,如今都更流行使用CSS设计,这样对于网站结构更加友好和轻便.下面老左整理的8款设计师常用漂亮的HTML CSS样式是在国外网站看到的,也有用到自己的网站中,顺带分享到博客中,以便日后使用的时候直接下载,当然有需要的也方便网友朋友使用. 百度网盘地址:http://pan.baidu.com/s/1hsddkQK 第一.简单的表格 这个简单的表格样式使用的是CSS3效果,常用于商业网站使用. 第二.CSS3表格 这个表格样式比较适合于产品价格展示

CSS:表格样式(设置表格边框/文字/背景的样式)

使用CSS可以制作出十分精美的表格. 代码整理自w3school:http://www.w3school.com.cn 效果图: 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equiv="