`
hbhrobin
  • 浏览: 29420 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

表格单像素边框

阅读更多
.blueTable {
    background: blue;
    border:0;
}   

.blueTable td {
    background: #FFFFFF;
}
 

这就是蓝色边框的表格了~

 

 

另一种方法,摘至http://www.aa25.cn/css_example/554.shtml:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>定义表格边框的方法</title>
<style>
table{ border-collapse:collapse; }
td{ border:#ccc solid 1px; padding:5px; }
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>今天学了个新方法,奉献给大家</td>
    <td>以前都是定义table的上边和左边,然后定义td的右边和下边</td>
    <td>没想到还有这么简便的方法,以后就用这个方法了</td>
  </tr>
  <tr>
    <td>标准之路</td>
    <td>www.aa25.cn</td>
    <td>欢迎大家来访问</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
分享到:
评论

相关推荐

    HTML表格边框设置方法

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

    表格边框样式大全

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

    Dreamweaver制作细边框表格

    与第一个示例相比,这里的表格边框宽度设置为1像素(`border="1"`), 并且使用`bordercolorlight`和`bordercolordark`属性设置了边框的颜色,从而实现了细边框的效果。这里,`bordercolorlight`设置为黑色(`#000000`...

    使表格边框变圆角的技术

    这将把所有表格的边角都变为10像素的圆角。 总的来说,实现“使表格边框变圆角的技术”主要依靠CSS3的`border-radius`属性,而在不支持CSS3的浏览器中,可以利用JavaScript库如jQuery Corner等来实现兼容性。不过,...

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

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

    HTML表格标记教程(2):表格的边框属性BORDER

    通过BORDER属性定义边框线的宽度,单位为像素。 文件范例:10-2.htm 设定边框线的宽度。01 &lt;!– —————————— –&gt;02 &lt;!– 文件范例:10-2.htm –&gt;03 &lt;!– 文件说明:设定表格的边框宽度 –&gt;04 &lt;...

    table边框线属性

    `将设置表格为1像素宽的实线黑色边框。 2. `border-collapse` 这个属性决定表格边框是否合并。默认情况下,浏览器会使用`border-collapse: separate;`,使得相邻单元格的边框之间有间距。而`border-collapse: ...

    CSS表格边框50多种精美标签样式

    在本主题“CSS表格边框50多种精美标签样式”中,我们将深入探讨如何利用CSS为表格创造出丰富多彩的边框效果,从而提升网页的视觉吸引力和用户体验。 首先,我们了解CSS表格的基本样式控制。在CSS中,我们可以使用`...

    表格边框的css语法.docx

    在CSS(层叠样式表)中,表格边框的样式可以通过多个属性进行详细控制,以达到所需的视觉效果。这些属性主要包括上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式等。让我们逐一深入...

    使用css设计表格边框的方法.pdf

    以下是一些关于如何使用CSS设计表格边框的关键知识点: 1. 边框宽度属性: - `border-top-width`: 这个属性用于设置元素上边框的宽度。它可以接受`thin`、`medium`、`thick`这三个关键字之一,或者一个具体的长度...

    使用HTML开发商业网站-CSS控制表格边框课件.pptx

    `这条CSS规则为整个表格设置了1像素宽度的红色实线边框。对于表格中的单元格(`td`和`th`),同样可以单独设置边框,如`border:1px solid #F00;`,这样每个单元格都会有独立的边框。值得注意的是,`border-collapse`...

    使用css设计表格边框的方法 (2).docx

    在CSS(层叠样式表)中,设计表格边框是一项重要的任务,可以帮助我们自定义表格的外观,使其更符合设计需求。本篇文章将详细介绍如何使用CSS来设置表格边框的各种属性,包括边框的宽度、颜色和样式。 首先,我们要...

    css控制表格细边框样式

    默认情况下,浏览器会为表格元素添加一些内边距和边框,这可能会导致边框之间有重叠或空隙。为了消除这些间距并使细边框清晰可见,我们可以使用`border-collapse`属性: ```css table { border-collapse: collapse...

    使用css设计表格边框的方法.docx

    在CSS(层叠样式表)中,设计表格边框是一项重要的任务,可以帮助我们自定义表格的外观,使其更符合设计需求。以下是一些关于使用CSS设计表格边框的知识点: 1. **边框宽度**: - **上边框宽度**(border-top-...

    使用css设计表格边框的方法 (2).pdf

    例如,如果我们想让一个表格的所有边框都是1像素宽的实线,颜色为黑色,我们可以这样写: ```css table { border-width: 1px; border-style: solid; border-color: black; } ``` 此外,对于表格元素,我们还...

    html做表格只显示表格的外边框

    `定义了一个1像素宽的实线黑色外边框。但是,为了取消内部单元格的边框,我们需要进一步修改`&lt;td&gt;`标签的样式。我们可以添加`border-collapse: collapse;`来合并相邻边框,并设置`border: none;`以移除内部边框: `...

    Html_的table_边框设置

    - **定义**:为了制作一个简单的1px表格,只需要定义表格或单元格的边框宽度为1,并指定边框颜色和样式。 - 示例代码: ```css table, td { border: 1px solid teal; } ``` ##### 2.粗边框的1px表格 - **定义...

Global site tag (gtag.js) - Google Analytics