`

设置table单元格样式的css

    博客分类:
  • CSS
CSS 
阅读更多

<style type="text/css">

table.data {font-size: 90%; border-collapse: collapse; border: 1px solid black;}
table.data th {background: #bddeff; width: 25em; text-align: left; padding-right: 8px; font-weight: normal; border: 1px solid black;}
table.data td {background: #ffffff; vertical-align: top; padding: 0px 2px 0px 2px; border: 1px solid black;}

</style>

 

 <table cellpadding="0" cellspacing="1"  border="1"  width="100%" class="data">
         <tr  align="center">
            <th class="td1">发放号</th>
            <td class="td2">${info.ffh}</td>
            <thclass="td1">贷款契约编号</th>
            <td class="td2">${info.dkqyid}</td>
          </tr>

</table>

分享到:
评论

相关推荐

    HTML Table 漂亮的CSS

    在网页设计中,HTML表格(Table)是一种常用的数据展示方式,而通过应用合适的CSS(Cascading Style Sheets)样式,我们可以让这些表格看起来更加美观、专业。本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS...

    漂亮的table样式(内附css)

    "漂亮的table样式(内附css)"这个主题就是围绕如何使用CSS为HTML表格添加吸引力,使其更加美观和专业。 首先,我们需要了解HTML表格的基本结构,它由`&lt;table&gt;`元素开始,然后包含`&lt;tr&gt;`(行)元素,每个`&lt;tr&gt;`中...

    JS实现动态修改table及合并单元格的方法示例

    5. CSS样式:通过`style`属性设置单元格的背景色、文字等样式。 6. 单元格合并:利用`rowSpan`和`colSpan`属性合并单元格。 理解并掌握这些知识点,能帮助你在实际项目中灵活地处理表格数据和布局。

    CSS.table.rar_Table_css table_table css_表格css

    - 对于表头`th`,可以单独定义样式以区分普通单元格`td`,比如设置不同的字体大小、颜色或背景。 - 鼠标悬停效果:使用`:hover`伪类可以改变鼠标悬停在表格行或单元格上的样式,提高交互性。 5. **响应式设计**:...

    table 中,如何使得单元格的内容不换行,单元格不被撑开,显示不下的时候在结尾处显示“...”

    总结,要让表格单元格内容不换行,单元格不被撑开,并在显示不下的时候在结尾处显示“...”,你需要通过CSS设置`white-space`、`overflow`和`text-overflow`属性,并为单元格设定一个固定的宽度。同时,确保所有可能...

    拖动table单元格改变列宽或行高

    本文将深入探讨如何实现“拖动table单元格改变列宽或行高”的功能,以及这一特性在表格设计器中的应用。 首先,我们要理解HTML表格的基本结构。一个HTML表格由`&lt;table&gt;`元素定义,包含多个`&lt;tr&gt;`(行)元素,每个`...

    table嵌套table边框样式

    在这个`table_style`压缩包中,可能包含了不同样式的示例文件,如使用CSS类来更精确地控制不同表格或单元格的边框样式。例如,你可以为特定表格或单元格定义类,然后在HTML中应用这些类: ```html &lt;table class=...

    Html中用table画斜线

    1. **使用CSS边框**:通过设置`border`和`border-style`属性,可以创建出斜线效果。例如: ```html ; border-width: 0 0 1px 1px;"&gt;成绩/学员 ``` 这个例子中,斜线是通过调整边框宽度实现的,看起来像是在...

    好看的css table样式

    在这个主题中,我们聚焦于“好看的css table样式”,这在创建报表、数据展示以及各种信息汇总的网页中尤其重要。 一个美观的CSS表格不仅需要清晰易读,还要具有良好的可读性和吸引力。下面我们将深入探讨如何使用...

    Table常用的几种CSS样式

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

    CSS样式TABLE的一些特效

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

    表格设置table-layout:fixed后对单元格宽度设置无效

    在对HTML中的表格进行样式设置时,若使用了CSS的table-layout:fixed属性,则可能会遇到列宽设置无效的问题,尤其是当表格中存在跨列或多列合并的单元格时。这主要是因为当表格布局设置为固定时,表格的列宽不是由...

    bootstrap table单元格新增行并编辑

    在上面的代码中,我们使用了 Bootstrap Table 的 CSS 文件来美化表格的样式,使用 jQuery 库来动态添加新的表格行,并使用 input 元素来编辑单元格的内容。同时,我们还使用 JavaScript 代码来保存修改后的内容,并...

    如何通过CSS样式设置单元格显示内容的长度.doc

    这段代码创建了一个红色背景的表格,设置了固定布局,并对单元格应用了相应的CSS样式,使得文本超出100像素宽度时显示省略号。 需要注意的是,`table-layout: fixed`虽然提高了表格的加载速度,但也可能会影响到...

    CSS样式Table[6] - style-table

    在这个主题"CSS样式Table[6] - style-table"中,我们将深入探讨如何使用CSS来美化和控制表格的样式。 表格在数据展示和组织信息时非常有用,但默认的HTML表格样式通常较为朴素。CSS提供了丰富的选择器和属性,让...

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

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

    table-rowspan表格自动合并单元格插件

    8. **CSS样式**:为了使表格看起来更美观,插件可能还会涉及到CSS样式调整,如边框、填充、对齐方式等,以确保合并单元格后的视觉效果。 9. **浏览器兼容性**:考虑到不同的浏览器可能对某些特性支持不同,开发插件...

    javascript实现table单元格点击展开隐藏效果(实例代码)

    这可以通过$(this).css('display')来获取当前display状态,并使用$(this).css('display', '值')来设置新的display状态。 3. 由于display属性切换后可能会导致表格布局上的问题(如边框重叠),可能需要添加额外的...

    漂亮的Table CSS

    在网页设计中,表格(Table)是展示数据的常见方式,而CSS(Cascading Style Sheets)则用于美化这些表格,让数据呈现得更加清晰、美观。"漂亮的Table CSS"这个主题聚焦于如何利用CSS技术来提升表格的视觉效果,使其...

    用CSS为表格添加阴影效果.rar

    在网页设计中,CSS(层叠样式表)是用于控制网页元素外观的关键工具。本教程将专注于如何使用CSS为表格添加阴影效果,从而提升页面的视觉吸引力和用户体验。阴影效果可以使表格看起来更立体,更容易吸引用户的注意力...

Global site tag (gtag.js) - Google Analytics