`
YongJie
  • 浏览: 73163 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

table细边框

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

/* 第一种方式:border="0" cellspacing="1" cellpadding="0",设置Table的背景色为所要的边框色,再设置所有的td背景色为白色*/
   .tableBorder1{
    background-color: gray;
   }
   .tableBorder1 td{
    background-color: white;
   }
   
   /* 第二种方式:设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid #000 1px;}  */
   .tableBorder2{
    border-collapse:collapse;
    border:none;
   }
   .tableBorder2 td{
    border:solid #4682B4 1px;
   }

分享到:
评论

相关推荐

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

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

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

    然而,传统的HTML `<table>` 标签中的 `border` 属性有时无法精确地生成1像素的细边框,这给设计师带来了困扰。本文将详细介绍如何利用CSS有效地设置表格的细边框。 首先,我们来看第一种方法。这种方法比较“另类...

    CSS实现表格细边框的两种方法

    本文将详细讲解两种常见的CSS方法,用于创建美观的表格细边框,这两种方法都通过了XHTML验证。 第一种方法是利用`border-collapse: collapse`属性。在HTML中,表格默认情况下会有一定的间距,导致边框之间有空隙。`...

    Dreamweaver制作细边框表格

    ### Dreamweaver 制作细边框表格 在网页设计中,使用表格是一种常见的布局方式。Dreamweaver 是一款强大的网页设计工具,可以帮助设计师轻松创建各种样式的表格。本篇文章将详细介绍如何使用Dreamweaver来制作具有...

    table 细线 样式

    本文将重点探讨“table细线样式”,即如何使表格边框更加细腻、整洁,提升整个页面的设计感。 #### 二、细线样式的定义 “细线样式”通常指的是宽度较窄且边缘清晰的线条,用于区分表格中的不同单元格。这种样式...

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

    3. **查看效果**:切换回“实时视图”或预览模式,你应该能看到更细的边框效果。 ### 方法三:自定义边框颜色 1. **添加颜色**:如果你希望进一步定制边框颜色,可以在内嵌样式中添加`border-color`属性,例如: `...

    关于表格table嵌套,边框合并问题的解决方法

    问题在于,当你为外层和内层表格都设置边框(如`border=1`),在浏览器渲染时,内外两层表格的边框会重叠,导致某些部分的边框显得较粗,而其他部分则较细,严重影响美观。这主要是由于浏览器默认的边框间距...

    好看的边框,美化你的布局

    2. 线条宽度:线条的粗细可以影响边框的视觉重量,较粗的边框更为突出,细边框则较为内敛。 3. 边框样式:包括实线、虚线、点线等多种,不同的样式可以传达不同的情感和氛围。 4. 角度与形状:方形边框给人稳定感,...

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

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

    用css制作极细表格

    ### 使用CSS创建极细边框的表格 #### CSS样式定义 在网页设计中,使用CSS(层叠样式表)来创建美观且具有高度定制性的表格是非常常见的做法。下面将详细介绍如何利用CSS创建一个带有极细边框的表格。 首先,我们...

    有关表格边框的css语法整理

    在处理表格边框时,CSS提供了一系列的属性来控制边框的外观,包括宽度、颜色和样式。下面我们将深入探讨这些属性及其用法。 1. 边框宽度: - `border-top-width`:定义元素上边框的宽度,可接受thin、medium、...

    css控制表格细边框样式

    为了消除这些间距并使细边框清晰可见,我们可以使用`border-collapse`属性: ```css table { border-collapse: collapse; } ``` `border-collapse: collapse;`这个声明使得表格所有单元格的边框合并,消除间距,...

    HTML表格边框设置方法

    默认情况下,表格单元格之间的边框会重叠,形成“细边框”效果。若希望边框合并,可以使用`border-collapse`属性: ```css table { border-collapse: collapse; } ``` 这样,相邻单元格的边框会合并为一条...

    HTML table表格边框的控制详细说明

    通过合理使用边框属性,可以设计出更加符合页面设计需求的表格样式。在HTML中,表格边框主要通过`border`属性进行控制,除此之外,`frame`属性用于控制表格外部边框的显示,而单元格之间的边框则通过`rules`属性来...

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

    本篇我们将深入探讨如何利用CSS生成精美细线Table表格,以提升网页内容的可读性和美观度。 首先,我们需要了解HTML表格的基本结构。一个基本的HTML表格由`<table>`元素开始,内部包含`<tr>`(行)元素,每行中又有`...

    表格的CSS代码,让你的表格边框更加细,更加的美观,代码简单,一看就明白

    - **`<table width="616" border="1" class="datalist">`**:定义了一个宽度为616像素的表格,并指定了表格边框为1像素以及应用`datalist`类。 - **`<tr>`**:定义表格的一行。 - **`<td width="202" height="70">&...

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

    `则定义了边框的宽度,这里让上边框和左边框为1px,右边框和下边框为0,这样可以进一步控制表格边框的显示,使其更细。 3. **表格元素的边框设置**: 除了对整个表格设置边框,我们还需要对表格的头部`th`和主体`...

    tableExport 前端数据导出工具

    2. **自定义样式**:你可以根据项目需求调整导出数据的样式,比如字体、颜色、边框等,使得导出的文件更符合视觉规范。 3. **性能优化**:由于数据处理是在浏览器端完成,所以对于大量数据的处理,TableExport会进行...

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

    2. 设置边框为0:在`<table>`标签内,将`border`属性设置为0,这可以隐藏默认的边框。例如: ```html <table border="0" ...> ``` 3. 调整间距:设置`cellspacing`属性为1,这会在单元格之间创建一个像素的空白...

    css去掉表格内边框.pdf

    2. **细边框表格** 要创建1px边框的表格,可以设置`border`属性,但需要注意避免边框叠加造成更宽的视觉效果。例如,对于1px外边框和1px内格线的表格,可以使用以下样式: ```css table { border: 1px solid ...

Global site tag (gtag.js) - Google Analytics