`
Johnny_GZ
  • 浏览: 179048 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

设置表格样式-细线边框

    博客分类:
  • html
阅读更多
<style type="text/css">
    .tab1{background:red;}
    .tab1 td{background:#fff;}
</style>

定义上面的样式,然后在页面中的表格应用此样式会得到细线的边框表格,如红色字体部分:
<TABLE cellSpacing="1" cellPadding="0" width="100%" border="0" class="tab1" >

<style type="text/css">
   table { background-color:#cccccc; }
   tr { background-color:#ffff7f; }
   td { height:24px; padding:2px; }
</style>

style="cursor: hand" 当鼠标移动到的时候变成手指,类似<a>链接</a>
分享到:
评论

相关推荐

    HTML小技巧:将table边框改为细线

    HTML小技巧:将table边框改为细线 HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线

    table 细线 样式

    对于追求美观和细节的设计师来说,如何设置表格的边框样式尤为重要。本文将重点探讨“table细线样式”,即如何使表格边框更加细腻、整洁,提升整个页面的设计感。 #### 二、细线样式的定义 “细线样式”通常指的是...

    Dreamweaver中不用CSS样式为表格添加细线边框的方法

    本篇文章将详细介绍如何在Dreamweaver中不用CSS样式为表格添加细线边框。 首先,我们需要理解HTML表格的基本结构。表格由`&lt;table&gt;`元素定义,`&lt;tr&gt;`元素表示表格行,`&lt;td&gt;`元素表示单元格。要设置表格的边框,我们...

    如何让表格的边框变细的三种方法

    本文将详细介绍三种让表格边框变细的方法,帮助你轻松调整表格样式,提升文档的整体视觉效果。 ### 方法一:使用CSS样式 在HTML或网页编辑器中,可以利用CSS(Cascading Style Sheets)来定制表格边框。首先,你...

    手动设置Excel表格边框和底纹.docx

    用户也可以单击"外边框"按钮,将外边框设置为"粗线",然后在样式中选择一种"细线",单击"内部"按钮,将表格内部单元格的边框设置为细线。 手动设置Excel表格底纹的步骤: 第一步:选择需要设置底纹的单元格或者...

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

    这段CSS代码将使表格具有细线边框,表头有背景色且文本左对齐,同时奇偶行交替显示不同的背景色,增强视觉效果。如果需要自定义更多样式,可以调整`border-color`、`background-color`等属性值。 在`images`目录中...

    css 细线表格 css制作table细线表格常用属性

    `分别设置边框样式和宽度,这里只保留了垂直边框(左右),并取消了水平边框,这样在行之间形成细线。同时,`padding:2px;`用于设置单元格内的内容与边框之间的距离,以提供更好的阅读体验。 最后,`tfoot td`的...

    html中细线表格的做法

    在第二种方法中,我们使用CSS边框样式来实现细线表格。下面是相关的代码: ```html &lt;table width="600" cellpadding="0" cellspacing="0" border="1" style="border-collapse:collapse;"&gt; ;"&gt; ;"&gt; ;"&gt; ;...

    excel表格自由绘制边框优质资料.doc

    - Excel提供了多种边框样式,如细线、粗线、双线等,以及不同颜色的选择,可以根据需要调整。 - 用户还可以设置边框的宽度,以及内边距,以改变边框与单元格内容的距离。 - 对于单元格内的文字对齐,可以使用...

    dw改变表格边框颜色.pdf

    大家都知道,所谓细线边框,大体外观上就是一个简单的 1 行 1 列表格,那么我们直接把表格对象的 border 值设定为 1 不就可以了吗? 不可以,因为简单的边框置 1 达不到效果。我们需要通过对表格的“巧妙”设置来...

    用CSS设置表格Table的细边框的比较好用的方法

    这样,看似没有边框的表格实际上通过背景色的差异显示出了1像素的细线,形成边框效果。 第二种方法更依赖于CSS,它建议将表格的 `border` 设置为0,然后通过CSS分别给表格添加 `border-top` 和 `border-left`,以及...

    Dreamweaver中怎么让html网页中的table边框细线显示?

    2. **查看最终效果**:保存更改并再次预览,现在你的表格应该拥有定制颜色的细线边框。 以上三种方法可以帮助你在Dreamweaver中轻松实现HTML表格的细线边框效果。值得注意的是,虽然这些方法适用于大多数情况,但在...

    html制作细线表格的简单实例

    这样既达到了细线边框的视觉效果,又不会因为边框线的宽度而占用过多空间,导致表格显得拥挤。 4. 细线表格的制作步骤:细线表格的制作通常包括以下步骤:首先,设置table的背景色;然后,给各个单元格td设置背景色...

    第10课 表格边框.doc

    在OpenOffice.org Calc中,表格边框的设置是创建清晰、专业表格的重要步骤,尤其是在打印或展示时。表格边框不仅有助于区分数据区域,还能增强数据的可读性。以下将详细讲解如何在Calc中添加和自定义表格边框。 ...

    CSS基础知识-3.pdf

    ##### 2.4 表格的细线边框 `border-collapse` 属性用于控制表格中相邻单元格的边框是否合并为一条线。当设置为 `collapse` 时,相邻单元格的边框会被合并成一条边框,这有助于减少表格边框的渲染问题。 ##### 2.5 ...

    CSS制作符合网站标准的细线表格

    这段代码简化了对表格、单元格和表头的样式定义,直接设置所有边框为1像素的黑色实线,并进行边框合并。 通过这样的CSS样式设置,我们可以创建出符合Web标准的细线表格,同时保持良好的可读性和用户体验。这种设计...

    CSS基础知识-3.md

    #### 四、表格的细线边框(border-collapse) 在处理表格时,可以通过`border-collapse`属性控制表格单元格之间的边框是否合并显示。 - **定义**:`border-collapse: collapse;` - 当设置为`collapse`时,相邻...

    PPT表格11111111111111111

    表格样式是指预设的格式设置,包括边框、填充颜色、字体样式等,这些都可以快速应用到整个表格,使得表格看起来专业且一致。PowerPoint提供了多种内置的表格样式,如“轻型”、“中型”和“重型”,以及“粗体”和...

    WEB标准中细线表格的实现方法

    当设置为`collapse`时,相邻的边框会合并成一条边框,从而创建出细线的效果。在例子中,我们设置了`table`的`border-collapse: collapse;`,这将确保表格的边框合并。 ```css table { border: 1px solid #000; ...

Global site tag (gtag.js) - Google Analytics