css定义表格样式

        table.gridtable {
            font-family: verdana,arial,sans-serif;
            font-size:11px;
            color:#333333;
            border-width: 1px;
            border-color: #a9a9a9;
            border-collapse: collapse;
        }
        table.gridtable th {
            border-width: 1px;
            padding: 8px 5px;
            border-style: solid;
            border-color: #a9a9a9;
            background-color: #f0f0f0;
            text-align: center;;
        }
        table.gridtable td {
            border-width: 1px;
            padding: 8px 5px;
            border-style: solid;
            border-color: #a9a9a9;
            background-color: #ffffff;
            text-align: center;;
        }

html代码

<table class="gridtable"
    <tr>
        <th>标签</th>
    </tr>
    <tr>
        <td>10221</td>
    </tr>
</table>

效果如下:

时间: 2024-12-10 00:32:06

css定义表格样式的相关文章

iPhone 上怎么给CSS定义 active 样式

如果给按钮定义 :hover 样式,在 iPhone 上按钮点击一次是 hover 态,再点击一次 hover 态才会消失,这不是我们想要的,继而想通过定义 :active 样式来实现按钮按下时的效果,但定义的 active 样式在 iPhone 上点击时没有任何效果 只需添加一段 js 即可: document.addEventListener("touchstart", function() {},false); 另一个方案,可以在 body 上添加 ontouchstart=&q

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="

第5章—通过CSS定义链接样式

5.1针对链接的CSS基本概念: 5.1.1 CSS伪类别 5.1.2 用伪类别定义动态超链接 5.2定义丰富的超链特效 5.2.1给链接添加提示文字:title属性 5.2.2按钮式超链接 5.2.3 为超链添加背景图效果 background-image:url(nav01.jpg); 5.2.4 用CSS定义针对超链的鼠标特效 cursor:鼠标各种样式及大小的设置

css漂亮表格样式

看一下我自定义的漂亮表格效果 如果你喜欢,他很简单的哟! 首先,它使用了bootstrap的布局,其他的样式都是自己定义的 HTML代码如下: <div class="l-panel col-xs-8 purpel"> <div class="l-panel-head "> <div class="text-left"> <i class="fa fa-gittip l-img">

CSS 四个样式表格

1. 单像素边框CSS表格 这是一个很常用的表格样式. 源代码: <!-- CSS goes in the document HEAD or added to your external stylesheet --><style type="text/css">table.imagetable {font-family: verdana,arial,sans-serif;font-size:11px;color:#333333;border-width: 1px

精通CSS+DIV网页样式与布局--设置表单和表格

表格和表单是网页中非常重要的两个元素,在上篇博客中,我们简单的介绍了CSS的页面背景设置,今天小编继续来介绍CSS的相关知识,在我们的CSS中如何设置表格和表单,首先,来看一张思维导图,通过图简单的预览一下该博文主要讲解哪些CSS的基础知识: 首先我们的首先表格中的标记,代码和运行效果如下所示: <span style="font-size:18px;"><html> <head> <title>年度收入</title> &l

[2016-01-16][CSS][定义样式表(样式选择器)]

Class 定义:.classname{ 属性:属性值;} 使用:<p class = "classname"></p> ID 定义: #IDNUM{ 属性:属性值; } 使用:<p id = "IDNUM"></p> 组合选择器 定义:标记1,标记2...标记n{属性:属性值;} 使用:直接正常使用上面存在标记即可 伪选择器 calss的使用 ID的使用 组合选择器h1 h2 h3 伪选择器 1 2 3 4 5 6

美丽的表格样式(使用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"><

HTML中使用CSS -- 定义CSS样式

CSS:Cascading Style Sheets(层叠样式表) 有三种方式可以在XHTML页面中嵌入CSS.参见CSS教程. 1.在head标签中加载一个CSS文件 示例 <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> 此例使用了link标签. abbr { font-size:12px; } .text10