`

给HTML中的table边框设置细边框样式

    博客分类:
  • HTML
 
阅读更多

 给table设置细边框:

.table_border{
	border: solid 1px #B4B4B4;
	border-collapse: collapse;     --折叠样式.
}
.table_border tr th{
	background:url("../../images/gray/bg_table_th.gif") repeat;
	padding-left:4px;
	height:27px;
	border: solid 1px #B4B4B4;
}
.table_border tr td{
	height:25px;
	padding:4px;
	border: solid 1px #B4B4B4;
}

 

 

HTML:

<table class="table_border" width="100%" border="0" id="high_light" lang="tabRowData"
         cellpadding="0" cellspacing="0">

         <tr>
               <td><td>
         </tr>
</tabl>

 

 

 

还可以使用行内样式,使表格边框变细;

style="width: 100%; border-collapse: collapse;" cellspacing="0"

 

分享到:
评论

相关推荐

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

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

    table嵌套table边框样式

    在网页设计中,表格(Table)是用于组织数据的重要元素,而当表格嵌套时,如何设置合适的边框样式就显得尤为重要。`table嵌套table的边框样式`是一个常见的需求,尤其在处理复杂的数据展示时。本篇将详细介绍如何...

    Html_的table_边框设置

    ### Html的table边框设置详解 #### 一、引言 HTML 表格(`&lt;table&gt;`)是一种常用的数据展示方式,在网页设计中扮演着重要角色。为了使表格更加美观和易于阅读,开发者通常会使用CSS来定制表格的外观,包括边框样式。...

    table边框线属性

    9. 对于嵌套表格,可以通过上述属性独立调整内外表格的边框样式。例如,你可以让外层表格有边框,而内层表格没有边框,或者改变内层表格边框的颜色和宽度,以达到复杂的布局效果。 10. `border-radius` 如果希望...

    html为内边框加颜色而嵌套TABLE边框不显示出来的两种方法.pdf

    在HTML中,为内边框添加颜色而嵌套表格时,可能会遇到外层表格边框不显示的问题。这个问题通常由于CSS样式冲突或者表格属性设置不当所引起。文档中提供了两种解决方法来解决这个问题。 方法一: 这种方法利用了CSS...

    table 细线 样式

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

    表格边框样式大全

    在探讨表格边框样式的全览时,我们深入解析了HTML和CSS中各种边框属性的应用,这不仅包括基本的实线、虚线和点线,还有更复杂的样式如沟槽(groove)、脊状(ridge)、内嵌(inset)和外凸(outset)。以下是对这些...

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

    1. **添加颜色**:如果你希望进一步定制边框颜色,可以在内嵌样式中添加`border-color`属性,例如: ```html &lt;table style="border-collapse:collapse; border-width:thin; border-style:solid; border-color:#...

    table 边框拖动

    通过分析和学习这些代码,你可以更好地理解如何在实际项目中实现table边框的拖动功能。在实际操作中,可以先查看HTML结构,了解table元素是如何组织的;然后查看CSS,了解边框样式及如何定位;最后研究JavaScript...

    html中table的表格样式

    在HTML中,`&lt;table&gt;`元素...在实践中,可以利用`TAB.HTML`和`table.html`这两个文件进行实例研究,观察和修改不同的样式属性,以更好地理解和掌握HTML表格的样式设计。记住,不断实践和探索是提升HTML和CSS技能的关键。

    html,table常用样式

    /* 边框样式 */ border-color: #666666; /* 边框颜色 */ background-color: #dedede; /* 背景颜色 */ } /* 数据单元格样式 */ table.gridtable td { border-width: 1px; /* 边框宽度 */ padding: 8px; /* 内...

    HTML表格边框设置方法

    2. **边框样式** 默认情况下,HTML表格没有明确的边框。我们可以使用CSS(Cascading Style Sheets)来定义表格边框。主要有以下几种方式: - **边框宽度(Border Width)** 使用`border-width`属性设置边框的...

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

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

    Html中用table画斜线

    在HTML中,`&lt;table&gt;`元素是用于创建表格的关键组件,它在网页布局和数据展示中扮演着重要角色。在某些场景下,我们可能需要在表格的单元格(`&lt;td&gt;`)内添加斜线,以达到特殊的视觉效果或区分不同的信息。例如,在描述...

    漂亮的table表格样式

    综上所述,创建“漂亮的table表格样式”涉及多个CSS属性的运用,包括颜色、边框、背景、悬停效果以及过渡动画。通过合理组合这些元素,我们可以制作出既美观又实用的HTML表格,提升网页的整体视觉体验。

    table样式.zip

    以上就是"table样式.zip"压缩包中可能涉及的一些HTML Table样式定制技巧。在实际开发中,开发者可以根据需求选择和组合这些技术,创造出独特且美观的表格样式,提升网页的视觉吸引力和用户体验。

    elementUI给table表头行设置背景颜色样式.pdf

    在Element UI的`el-table`组件中,`header-cell-style`是一个非常有用的属性,它允许我们为表格的每一列头单元格(th)设置自定义的CSS样式。你可以将一个方法赋值给`header-cell-style`,该方法会在渲染每个表头...

    HTML Table 漂亮的CSS

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

Global site tag (gtag.js) - Google Analytics