.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> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
默认情况下,表格单元格之间的边框会重叠,形成“细边框”效果。若希望边框合并,可以使用`border-collapse`属性: ```css table { border-collapse: collapse; } ``` 这样,相邻单元格的边框会合并为一条...
在探讨表格边框样式的全览时,我们深入解析了HTML和CSS中各种边框属性的应用,这不仅包括基本的实线、虚线和点线,还有更复杂的样式如沟槽(groove)、脊状(ridge)、内嵌(inset)和外凸(outset)。以下是对这些...
与第一个示例相比,这里的表格边框宽度设置为1像素(`border="1"`), 并且使用`bordercolorlight`和`bordercolordark`属性设置了边框的颜色,从而实现了细边框的效果。这里,`bordercolorlight`设置为黑色(`#000000`...
这将把所有表格的边角都变为10像素的圆角。 总的来说,实现“使表格边框变圆角的技术”主要依靠CSS3的`border-radius`属性,而在不支持CSS3的浏览器中,可以利用JavaScript库如jQuery Corner等来实现兼容性。不过,...
- **`<table width="616" border="1" class="datalist">`**:定义了一个宽度为616像素的表格,并指定了表格边框为1像素以及应用`datalist`类。 - **`<tr>`**:定义表格的一行。 - **`<td width="202" height="70">&...
通过BORDER属性定义边框线的宽度,单位为像素。 文件范例:10-2.htm 设定边框线的宽度。01 <!– —————————— –>02 <!– 文件范例:10-2.htm –>03 <!– 文件说明:设定表格的边框宽度 –>04 <...
`将设置表格为1像素宽的实线黑色边框。 2. `border-collapse` 这个属性决定表格边框是否合并。默认情况下,浏览器会使用`border-collapse: separate;`,使得相邻单元格的边框之间有间距。而`border-collapse: ...
在本主题“CSS表格边框50多种精美标签样式”中,我们将深入探讨如何利用CSS为表格创造出丰富多彩的边框效果,从而提升网页的视觉吸引力和用户体验。 首先,我们了解CSS表格的基本样式控制。在CSS中,我们可以使用`...
在CSS(层叠样式表)中,表格边框的样式可以通过多个属性进行详细控制,以达到所需的视觉效果。这些属性主要包括上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式等。让我们逐一深入...
以下是一些关于如何使用CSS设计表格边框的关键知识点: 1. 边框宽度属性: - `border-top-width`: 这个属性用于设置元素上边框的宽度。它可以接受`thin`、`medium`、`thick`这三个关键字之一,或者一个具体的长度...
`这条CSS规则为整个表格设置了1像素宽度的红色实线边框。对于表格中的单元格(`td`和`th`),同样可以单独设置边框,如`border:1px solid #F00;`,这样每个单元格都会有独立的边框。值得注意的是,`border-collapse`...
在CSS(层叠样式表)中,设计表格边框是一项重要的任务,可以帮助我们自定义表格的外观,使其更符合设计需求。本篇文章将详细介绍如何使用CSS来设置表格边框的各种属性,包括边框的宽度、颜色和样式。 首先,我们要...
默认情况下,浏览器会为表格元素添加一些内边距和边框,这可能会导致边框之间有重叠或空隙。为了消除这些间距并使细边框清晰可见,我们可以使用`border-collapse`属性: ```css table { border-collapse: collapse...
在CSS(层叠样式表)中,设计表格边框是一项重要的任务,可以帮助我们自定义表格的外观,使其更符合设计需求。以下是一些关于使用CSS设计表格边框的知识点: 1. **边框宽度**: - **上边框宽度**(border-top-...
例如,如果我们想让一个表格的所有边框都是1像素宽的实线,颜色为黑色,我们可以这样写: ```css table { border-width: 1px; border-style: solid; border-color: black; } ``` 此外,对于表格元素,我们还...
`定义了一个1像素宽的实线黑色外边框。但是,为了取消内部单元格的边框,我们需要进一步修改`<td>`标签的样式。我们可以添加`border-collapse: collapse;`来合并相邻边框,并设置`border: none;`以移除内部边框: `...
- **定义**:为了制作一个简单的1px表格,只需要定义表格或单元格的边框宽度为1,并指定边框颜色和样式。 - 示例代码: ```css table, td { border: 1px solid teal; } ``` ##### 2.粗边框的1px表格 - **定义...