`
leifeng2
  • 浏览: 143391 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

制作细线表格

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

1、对整个页面中表格做细线

<style type="text/css">

<!--

table{  

    align:center;   

    border-collapse:collapse;  

}  

table td{  

    border:1px solid #000;  

-->

</style>

 

2、单个表格做细线

<table width="400" border="1" bordercolor="#000000" cellspacing="0" 

cellpadding="0" style="border-collapse:collapse;"> 

  <tr> 

    <td>&nbsp;</td> 

    <td>&nbsp;</td> 

  </tr> 

  <tr> 

    <td>&nbsp;</td> 

    <td>&nbsp;</td> 

  </tr> 

</table>

 

3、这个也不错

<table style="border-collapse:collapse; border:1px solid #C69" width="600">

<tr>

<td style="border-collapse:collapse; border:1px solid #C69">ddddddddddd

</td>

<td>我是美女

</td>

</tr>

<tr>

<td>dfajlk;dfasjlkdfjas

</td>

<td style="border-collapse:collapse; border:1px solid #C69">

我是帅哥

</td>

</tr>

</table>

分享到:
评论

相关推荐

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

    HTML制作细线表格的实例中主要涉及的知识点包括HTML表格的属性设置、CSS样式应用、以及通过CSS控制表格边框的视觉效果。以下是详细的解释: 1. table标签属性设置:在HTML中,创建表格通常使用table标签,并且可以...

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

    在CSS中,制作细线表格是一项常见的任务,它可以使数据展示更加清晰且美观。下面将详细介绍如何使用CSS来优化和创建细线表格,以及其中涉及的关键属性。 首先,要实现细线表格,一个非常关键的属性是`border-...

    DW网页布局表格、布局表格.ppt

    课堂练习部分提供了实际操作的机会,如使用表格构建“火百合”主页布局,通过设置间距和背景颜色制作细线表格,以及合并和拆分单元格,这些都是创建复杂网页布局的关键技巧。合并单元格能将多个单元格合并为一个,而...

    DW网页布局表格布局表格PPT课件.pptx

    2. **制作细线表格**:通过设置表格的间距和背景颜色来实现细线效果。 3. **制作嵌套表格**:在一个大表格的某个单元格里插入一个新的表格,以实现复杂的布局需求。 4. **制作圆角表格**:使网页看起来更加柔和、...

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

    在CSS制作细线表格时,我们通常会使用`border`属性来定义边框,`border-collapse`属性来控制单元格之间的边框合并。以下是一个简单的示例: ```css table { border: 1px solid #000; /* 设置表格整体边框 */ ...

    _Dreamweaver在网页开发中的应用技巧.pdf

    1. 制作细线表格:在常规方法中,细线表格可以通过设置表格的间距和背景颜色实现。然而,当背景需要使用图片时,这种方法受限。通过设置表格边框为1px,间距为0,并在CSS中添加“border-collapse: collapse;”属性,...

    教学课件网站建设项目三.ppt

    9. **制作细线表格**:细线表格通过设置较小的边框宽度,可以使表格线条更精致,提升网页的整体风格。在Dreamweaver中,通过调整表格的边距可以实现这一效果。 这些内容是构建和优化网页设计的基础技能,对于学习...

    网站制作基础教程.pdf

    1. 制作细线表格:将表格背景设为线条颜色,单元格背景设为白色,形成细线效果。 2. 自动格式化表格:选中表格后,通过"命令-格式化表格"应用预设样式。 3. 创建一像素分割条:插入一行一列的表格,调整边框为一像素...

    Dreamweaver制作网站实例教程.pdf

    Dreamweaver还提供了多种关于表格的其他操作,例如制作细线表格、自动格式化表格、一像素分割条等。这些操作可以使表格变得更加美观和实用。 本教程提供了一个完整的 Dreamweaver网站实例教程,涵盖网站的定义、...

    教学课件-网站建设项目三.pptx

    4. **制作细线表格**:通过调整表格边框的宽度,可以创建出细线边框的表格,使页面显得更为轻盈。 5. **制作特殊边线的表格**:利用CSS样式,可以定制独特的表格边框,如虚线、双线等,以提升网页设计的个性化程度。...

    网页制作步骤

    制作细线表格的方法是,将整个表格的背景设置为线条颜色,然后设置单元格的边框为极细的白色或透明,这样在视觉上形成细线效果。 此外,还可以通过CSS(层叠样式表)进一步美化和控制网页的样式,如设置字体样式、...

    网页设计文档教程

    制作细线表格的步骤如下: 1. 插入表格,设置行数、列数及宽度,例如12行6列,表格宽度85%。 2. 通过“属性面板”调整表格的填充、间距、对齐方式,如填充3像素,间距1像素,居中对齐。 3. 设置表格和单元格的背景...

    Dreamweaver CS3架设网站教程.pdf

    * 制作细线表格,选中整个表格,设置其背景为黑色,然后选中所有单元格,设置其背景为白色 * 自动格式化表格,选中表格,然后选菜单中的命令/格式化表格 * 一像素分割条,插入一个 1 行 1 列,宽为 200 像素,边框为...

    Dreamweaver架设网站高级教程.pdf

    该教程还提供了一些关于表格的其他操作,如制作细线表格、自动格式化表格、一像素分割条等。这些操作可以帮助用户更好地使用表格,使网站更加美观和实用。 该教程提供了一个详细的指南,指导用户如何使用 ...

    Dreamweaver架设网站终极教程.pdf

    此外,文档还介绍了制作细线表格的方法,通过设置表格背景颜色和单元格背景颜色来实现细线效果。自动格式化表格功能则允许快速应用预设的样式。一像素分割条的制作通过插入小尺寸表格并调整边框实现,这种技巧常用于...

    Dreamweaver架设网站高级教程.docx

    3. 制作细线表格,通过设置表格和单元格的背景颜色,可以达到细线效果。自动格式化表格和一像素分割条则可以通过内置命令快速调整表格样式。 以上是 Dreamweaver 构建高级网站的基本步骤,掌握这些技巧,能帮助你...

Global site tag (gtag.js) - Google Analytics