`
haimav
  • 浏览: 57159 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

css里直接定义table

    博客分类:
  • html
阅读更多

<style>
table{border-collapse:collapse;border:1px solid #C4E2FF;background:#E8FBFF;width:100%;}
td{padding:10px 5px;line-height:40px;border:1px solid #C4E2FF;}
</style>
<table>
<tr>
<td align="right" width="17%">QQ号码:</td>
<td align="left" width="83%">123456</td>
</tr>
<tr>
<td align="right">MSN:</td>
<td align="left">123456@1222.com</td>
</tr>
</table>

注意border-collapse:collapse;是保证在firefox,opera下面细线的关键,并且td要加上border要不然里面就没有线了。

分享到:
评论

相关推荐

    css table width表格宽度样式设置定义.docx

    定义宽度属性是一个基本的 Web 开发技术,无论是 div、span 还是 table,我们都可以使用上述 CSS 定义宽度方法。但是,在实际开发中,我们需要根据不同的需求和场景选择合适的定义方法。例如,如果我们需要定义整个...

    css常用文字定义

    ### CSS常用文字定义详解 #### 一、链接样式定义 在网页设计中,链接是非常重要的元素之一,通过CSS可以对不同状态下的链接进行样式定义,包括颜色、下划线等属性。 - **基本链接样式**: - `a { text-...

    CSS.table.rar_Table_css table_table css_表格css

    以下是一些关于"CSS.table.rar_Table_css table_table css_表格css"中涉及的关键知识点: 1. **表格元素基础**: - `&lt;table&gt;`:这是HTML中创建表格的基本标签,用于定义表格的结构。 - `&lt;tr&gt;`:表示表格行(Table...

    CSS+JS实现table隔行变色

    当表格内容变化时,遍历所有可见的行,根据索引的奇偶性添加`even-row`或`odd-row`类,这两个类在CSS中定义了相应的背景颜色。 当然,如果你不希望依赖jQuery,原生JavaScript同样可以实现类似的功能,只是代码会...

    css table 表格标签

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言,而HTML中的`&lt;table&gt;`标签则是用来创建表格布局的重要元素。`&lt;table&gt;`标签允许我们构建复杂的表格结构,包括行(`&lt;tr&gt;`)、列(`...

    CSS样式Table[6] - style-table

    在网页设计中,CSS(Cascading Style Sheets)是一种用于定义HTML或XML(包括SVG、XHTML等)文档中元素外观、布局和结构的语言。在这个主题"CSS样式Table[6] - style-table"中,我们将深入探讨如何使用CSS来美化和...

    漂亮的table样式(内附css)

    CSS则通过选择器来定位这些元素,实现样式定义。 1. **表格边框**:可以使用`border`属性设置表格的整体边框,如`border: 1px solid #ccc;`,其中`1px`表示宽度,`solid`表示边框类型,`#ccc`是颜色值。对于单元格...

    CSS样式TABLE的一些特效

    在这个主题“CSS样式TABLE的一些特效”中,我们将深入探讨如何利用CSS来增强表格的视觉吸引力和交互性。 1. **表格边框与填充** - `border-collapse`: 这个属性用于设置表格单元格之间的边框合并方式。默认情况下...

    css背景色和table样式,一些参考

    在CSS中,我们可以分别对这些元素进行样式定义。例如,改变整个表格的背景色: ```css table { background-color: lightgray; } ``` 如果你想改变表头的背景色,可以这样做: ```css th { background-color: ...

    Table2CSS表格转CSS+DIV布局工具

    【标题】"Table2CSS表格转CSS+DIV布局工具"是一款专为网页设计者打造的实用软件,旨在帮助用户将传统的HTML表格布局转换为更现代、更灵活的CSS(层叠样式表)与DIV(定义文档结构的HTML元素)布局。这种转换能够提升...

    利用CSS生成精美细线Table表格

    在网页设计中,CSS(Cascading Style Sheets)是一种强大的工具,用于定义HTML或XML(包括SVG、XHTML等)文档的呈现样式。本篇我们将深入探讨如何利用CSS生成精美细线Table表格,以提升网页内容的可读性和美观度。 ...

    Table常用的几种CSS样式

    在网页设计中,表格(Table)是展示数据的重要方式,而使用CSS(Cascading Style Sheets)对表格进行样式化可以提升页面的视觉效果和用户体验。以下是对"Table常用的几种CSS样式"的详细阐述。 1. **边框样式**: -...

    CSS样式Table[3] - practical-css3-tables-with-rounded-corners-demo

    在网页设计中,CSS(Cascading Style Sheets)是一种用于定义HTML或XML(包括SVG、XHTML等)文档中元素外观、布局和结构的重要工具。本主题“CSS样式Table[3] - practical-css3-tables-with-rounded-corners-demo”...

    纯css table 样式布局制作人口统计table表格样式代码

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言,而表格(Table)则是组织数据的重要方式。本教程将详细讲解如何使用纯CSS来制作一个人口统计表格的样式布局。 首先,我们需要...

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    &lt;link rel="stylesheet" href="bootstrap-table.css"&gt; &lt;link rel="stylesheet" href="bootstrap-editable.css"&gt; &lt;table id="table" data-toggle="table"&gt; &lt;th data-field="id" data-editable="true"&gt;ID ...

    CSS Table

    在网页设计中,CSS(Cascading Style Sheets)是一种用于定义HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。在这个主题"CSS Table"中,我们将探讨如何使用CSS来创建和美化表格,以及如何制作出...

    bootstrap-table.css 表格拖拽排序

    这是Bootstrap表格的CSS样式文件,用于定义表格的外观,包括颜色、字体、边框等。在这个特定的场景中,`bootstrap-table.css`可能包含了拖拽排序的样式规则,如拖动行时的高亮效果、悬浮指示器等,使得交互过程更加...

    CSS实现多表头悬浮

    通常,HTML部分会包含一个`&lt;table&gt;`元素,而CSS部分则会定义表头和表格主体的样式,并利用`position`等相关属性实现悬浮效果。通过查看和学习`test.html`,我们可以更深入地理解这个技术的实现细节。

    CSS样式Table[5] - simpletable

    "CSS样式Table[5] - simpletable"可能是指一个关于创建简洁、高效表格的教程或者示例集。 在CSS中,对表格的样式控制主要通过选择器来实现,这些选择器包括但不限于`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;td&gt;`(单元格)和`...

Global site tag (gtag.js) - Google Analytics