`
HuNanPengdake
  • 浏览: 236282 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Table布局实现仿hr下划线

htmlCSStable 
阅读更多
这篇文章对于前端的大牛们，肯定是没有什么价值的，但是对于一些像我一样的前端菜鸟级的同学来说，说不定会有一些帮助，因为在网络上，很缺少一些特殊需求的解决方案的例子，废话不多说，直接上代码。 

<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
td{
border-buttom:1px;
border-left:none;
border-right:none;
border-top:none;
}
table{
border:none;
}
</style>
</head>

<body><table width="200" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>


需要的同学 可以直接拷贝，运行这段代码。
分享到：
| JSTL Core详解（二）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html标记大全 有marquee，table，form等最常用标记。

    &lt;table border="1" width="50%" align="center" background="table-bg.png" bgcolor="#FFFFCC" cellpadding="5" cellspacing="0"&gt; 标题 内容 内容 内容 &lt;/table&gt; ``` 以上列举了部分常用的HTML标记...

    DIV+CSS布局

    - `&lt;hr&gt;`：水平线标签，用于分隔不同部分的内容。 - ` `：换行标签，用于强制换行而不形成新的段落。 3. **表格** - `&lt;table&gt;`：定义表格。 - `&lt;caption&gt;`：定义表格标题。 - `&lt;tr&gt;`：定义表格的一行。 - ...

    html语法大全

    它通过一系列的标签来组织内容，实现文本格式化、图像嵌入、链接跳转等功能。 #### 二、文本格式化 1. **标题** - `&lt;h1&gt;`：一级标题，最大的标题。 - `&lt;h6&gt;`：六级标题，最小的标题。 2. **加粗** - `&lt;b&gt;`：...

    wap2.0完整标签

    ### WAP 2.0 完整标签解析 #### 一、`&lt;marquee&gt;`标签详解 `&lt;marquee&gt;`是WAP 2.0中用于实现文本...以上便是WAP 2.0中的主要标签及其功能介绍，这些标签在开发移动网页时非常实用，能够帮助开发者实现丰富的布局效果。

    HTML常用标签

    它通过`&lt;marquee&gt;`标签来实现。 - **普通卷动**： - `&lt;marquee&gt;&lt;/marquee&gt;`：基本的跑马灯效果。 - **滑动**： - `&lt;marquee behavior="slide"&gt;&lt;/marquee&gt;`：元素只移动一次即停止。 - **预设卷动**： - `...

    关于web网页制作

    例如使用`&lt;div align="center"&gt;`实现居中对齐，`&lt;font color="red"&gt;`定义文字颜色，`&lt;h1&gt;`至`&lt;h6&gt;`定义不同级别的标题，`&lt;b&gt;`、`&lt;i&gt;`、`&lt;u&gt;`、`&lt;s&gt;`分别用于加粗、斜体、下划线和删除线，`&lt;sup&gt;`和`&lt;sub&gt;`则用于上标...

    HTMLl5+CSS总结笔记.docx

    - 浮动：`float`属性用于实现元素的浮动布局。 - 盒子定位：通过`position`属性设置元素的位置。 - Flexbox布局：通过`display: flex;`实现弹性布局。 - Grid布局：通过`display: grid;`实现网格布局。 - **...

    前端笔记_7月7日1

    3. **换行与分割线**：` `标签用于强制文本换行，而`&lt;hr&gt;`标签则创建一条水平分割线，通常用于分隔内容或章节。 4. **文本格式化标签**：`&lt;b&gt;`定义粗体文本，`&lt;big&gt;`定义大号字，`&lt;em&gt;`定义着重或强调的文本，`...

    Html笔记(20220104205830).pdf

    此外， 用于换行，&lt;hr&gt;插入水平线。 四、超链接与锚点 元素用于创建超链接，其href属性定义链接的目标地址，target属性可以设置链接在何处打开。如这是一个链接。锚点（&lt;a name=""&gt;&lt;/a&gt;）用于在页面内部创建跳转...

    Html经典源码500例

    7. **框架布局**：`&lt;frameset&gt;` 和 `&lt;frame&gt;` 标签可以创建多窗口布局，但现代网页设计更倾向于使用CSS来实现响应式布局。 8. **多媒体集成**：HTML5 引入了`&lt;audio&gt;` 和 `&lt;video&gt;` 标签，用于嵌入音频和视频内容，...

    不要使用的HTML标签(WEB标准网页布局)

    3. **`&lt;hr&gt;`**: 水平线标签在HTML5中仍然可用，但其作为布局元素的功能已被CSS的边框和伪元素替代，如`:before`和`:after`。 4. **`&lt;i&gt;`**: 这个标签过去常用于表示斜体，但现在应使用`&lt;em&gt;`或`&lt;cite&gt;`来表示强调或...

    javaWEB考试题

    在HTML中，可以使用各种标签来控制布局和样式，例如强制分行的 标签、设置分隔线&lt;hr&gt;标签（可自定义颜色、宽度、厚度、样式和对齐方式），以及段落标签（可调整对齐方式）等。此外，HTML还提供了多种文字样式标签...

    推选HTML语法-HyperText-Markup-LanguagePPT资料.ppt

    段落和换行可以通过`&lt;p&gt;`、` `标签实现，而水平分割线`&lt;hr&gt;`可以用来分隔内容。比如： ```html 这是一个段落。 这是另一行。 &lt;hr&gt; ``` 颜色的设置可以使用颜色名称、16进制代码或RGB值。例如： ```html ...

    行内块级元素.txt

    2. **可调整尺寸**：块级元素的高度、宽度可以通过CSS进行设置，以实现更精确的布局控制。 3. **默认100%宽度**：当块级元素的宽度没有明确设置时，默认情况下其宽度将占满容器的全部宽度。 4. **嵌套兼容性**：块级...

    HTML+CSS标签属性大全.pdf

    区断标记如`&lt;hr&gt;`创建水平线，` `实现换行，`&lt;nobr&gt;`阻止自动换行，`&lt;p&gt;`定义段落，`&lt;center&gt;`内容居中。`&lt;pre&gt;`保留空格和换行，用于代码展示。 表格是HTML中的重要元素，`&lt;table&gt;`标签开始表格，`align`设置...

    html标签属性大全（整理已完成）

    - `&lt;hr&gt;`：插入一条水平线，用于分割页面内容。 - `size="9"`：设置水平线的高度。 - `width="80%"`：设置水平线的宽度。 - `color="#ff0000"`：设置水平线的颜色。 - ` `：换行标签，用于强制换行而不形成...

    网页编程课堂笔记.doc

    通过CSS，我们可以改变元素的颜色、大小、位置、字体等外观特性，实现更复杂的布局和响应式设计。例如，使用`color`设置文本颜色，`background-color`设置背景颜色，`margin`和`padding`控制元素周围的空间，`float`...

    html+css基础知识.pdf

    HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它是前端开发的基础，与CSS（Cascading Style Sheets）一起构建网页的结构和样式...结合CSS，可以实现更复杂的设计和布局，进一步提升用户体验。

Magicbox
Global site tag (gtag.js) - Google Analytics