`
FengShen_Xia
  • 浏览: 279441 次
  • 性别: Icon_minigender_1
  • 来自: 东方水城
社区版块
存档分类
最新评论

一个圆角表格的实现

    博客分类:
  • Jsp
阅读更多
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <title>圆角表格的实现</title>
 </head>
 <body>
 <TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="45%" border=0>
 <TBODY>
 <TR height=3 width="100%">
 <TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
 <TBODY>
 <TR height=1>
 <TD width=1></TD>
 <TD width=1></TD>
 <TD width=1></TD>
 <TD bgColor=#908a47></TD>
 <TD width=1></TD>
 <TD width=1></TD>
 <TD width=1></TD>
 </TR>
 <TR height=1>
 <TD></TD>
 <TD bgColor=#908a47 colSpan=2></TD>
 <TD bgColor=#f7f8f9></TD>
 <TD bgColor=#908a47 colSpan=2></TD>
 <TD></TD>
 </TR>
 <TR height=1>
 <TD></TD>
 <TD bgColor=#908a47></TD>
 <TD bgColor=#f7f8f9 colSpan=3></TD>
 <TD bgColor=#908a47></TD>
 <TD></TD>
 </TR>
 </TBODY>
 </TABLE></TD>
 </TR>
 <TR>
 <TD> <TABLE style="TABLE-LAYOUT: fixed" height="100%" cellSpacing=0 cellPadding=0 border=0>
 <TBODY>
 <TR>
 <TD width=1 bgColor=#908a47></TD>
 <TD id=oINNER bgColor=#f7f8f9> </TD>
 <TD width=1 bgColor=#908a47></TD>
 </TR>
 </TBODY>
 </TABLE></TD>
 </TR>
 <TR height=3 width="100%">
 <TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
 <TBODY>
 <TR height=1>
 <TD width=1></TD>
 <TD width=1 bgColor=#908a47></TD>
 <TD width=1 bgColor=#f7f8f9></TD>
 <TD bgColor=#f7f8f9></TD>
 <TD width=1 bgColor=#f7f8f9></TD>
 <TD width=1 bgColor=#908a47></TD>
 <TD width=1></TD>
 </TR>
 <TR height=1>
 <TD></TD>
 <TD bgColor=#908a47 colSpan=2></TD>
 <TD bgColor=#f7f8f9></TD>
 <TD bgColor=#908a47 colSpan=2></TD>
 <TD></TD>
 </TR>
 <TR height=1>
 <TD colSpan=3></TD>
 <TD bgColor=#908a47></TD>
 <TD colSpan=3></TD>
 </TR>
 </TBODY>
 </TABLE></TD>
 </TR>
 </TBODY>
 </TABLE>
 </body>
 </html>
 
分享到:
评论

相关推荐

    圆角表格的实现

    在这个"圆角表格的实现"的示例中,我们将探讨如何在ASP.NET环境中,利用JavaScript在VS2005中创建圆角表格。 首先,我们需要理解圆角表格的基本原理。在HTML中,表格是由`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;td&gt;`(单元格)...

    表格美化-圆角表格 源代码

    在实际项目中,可以使用更现代的方法,如CSS Grid或Flexbox,来更灵活地创建圆角布局,但这段代码提供了一个基本的、传统HTML表格实现圆角效果的例子。对于初学者,理解并能够运用这种技术是提升网页设计技能的重要...

    vml实现圆角表格

    对于圆角表格,我们首先创建一个普通的HTML表格,然后为每个表格单元格(`&lt;td&gt;`)添加VML代码来实现圆角。以下是一个基本步骤: 1. **设置HTML头部**:在`&lt;head&gt;`部分引入VML的样式和脚本,这通常包括定义VML命名...

    div css圆角代码各种圆角表格_圆角边框css圆角

    本篇文章将深入探讨如何使用 `div` 和 `CSS` 实现各种圆角表格和圆角边框。 首先,我们了解 `div` 元素。`div` 是一个通用的容器元素,用于组合网页上的其他元素。通过应用样式,我们可以让 `div` 元素呈现不同的...

    用CSS样式定义的圆角表格

    - 在本示例中,圆角表格主要是通过一个`&lt;div&gt;`元素来实现的。这个`&lt;div&gt;`元素拥有一个特定的ID——`nifty`。 - 圆角效果是通过嵌套的`&lt;b&gt;`标签来模拟的。这些`&lt;b&gt;`标签被赋予了不同的类名(如`.rtop`和`.rbottom`...

    网页中制作精美圆角表格

    通过上述两种方法,我们可以有效地在网页中实现圆角表格的效果。第一种方法通过预先准备图片并在Dreamweaver中构建表格来实现,适用于大多数情况且兼容性好;第二种方法利用VML技术简化了实现过程,但存在兼容性问题...

    圆角表格

    标题中的“圆角表格”指的是在网页或应用中使用CSS样式来实现表格边框具有圆润效果的技术。这种设计可以使用户界面看起来更加现代、...以上是对圆角表格实现的一些常见知识点,具体实现方法需参考原文档或自行实践。

    超简单!使用CSS制作圆角表格 3步搞定

    本文将详细介绍如何通过简单的三步骤,利用CSS来实现圆角表格的制作。 ### 第一步:设置基本CSS样式 首先,我们需要定义一些基本的CSS样式规则,以确保表格元素能够正确显示,并具备我们想要的圆角效果。以下代码...

    圆角表格代码

    ### 圆角表格代码解析与实现 #### 一、概述 在HTML中,可以通过一系列复杂的嵌套表格结构来实现带有圆角效果的表格布局。这种技术在过去被广泛应用于Web设计中,尤其是在CSS还不足以支持复杂布局的情况下。本文将...

    使表格边框变圆角的技术

    在提供的压缩包文件列表中,我们看到了"My97DatePickerBeta",这虽然不是一个专门用于处理表格边框的库,但它表明了在实际项目中,我们可能会遇到类似这样的情况,即需要引入第三方库来增强功能。 如果确实需要在老...

    无图片的圆角表格.rar

    "无图片的圆角表格"是一个典型的实例,展示了如何利用JavaScript(JS)特效来增强HTML表格的视觉效果,使其看起来更加现代和专业,同时不依赖于图片资源。这种技术可以提高页面加载速度,降低服务器负担,并且在不同...

    HTML加CSS实现圆角效果

    本示例将详细介绍如何使用纯 CSS 实现一个简单的圆角表格效果。 首先,我们需要理解 CSS 的边框半径属性(border-radius),这是实现圆角效果最直接的方法。`border-radius` 属性允许我们指定元素四个角落的圆角...

    用&amp;lt;TABLE&amp;gt;语句来实现圆角表格可以省去制作圆角图片之苦!

    接下来,我们可以通过CSS样式来实现圆角表格。CSS样式属性可以应用于标签,例如设置表格宽度、边框样式、单元格间距等。这些属性包括: 1. width:设置表格的宽度,可以是百分比也可以是具体的像素值。 2. border:...

    纯CSS3漂亮表格(圆角、渐变、多背景色).rar

    在CSS3之前,创建圆角表格需要使用复杂的图片或者JavaScript技巧。但CSS3引入了`border-radius`属性,使得我们可以直接通过代码设置元素边框的圆角大小,这大大简化了设计过程。对于表格单元格(`td`或`th`),可以...

    一个经典好看的web表格

    "一个经典好看的web表格"这个标题暗示我们将会探讨一个既美观又实用的表格实现,它可能是通过HTML、CSS和JavaScript技术来创建的。下面我们将详细解析这个主题中的相关知识点。 首先,HTML(超文本标记语言)是网页...

    自定义边框和圆角效果的VC 漂亮窗体.rar

    这样就可以得到一个具有圆角的窗体。 3. **纯VC++实现**: 这个示例之所以称为“纯VC++”实现,是因为它没有使用MFC(Microsoft Foundation Classes)或者其他第三方库,而是直接操作Windows API。这种方式虽然...

    纯CSS实现的表格滚动条效果

    本主题聚焦于如何使用纯CSS技术来实现一个既美观又实用的表格滚动条效果。这种效果可以让用户在不改变表格整体布局的情况下,优雅地浏览表格中的所有内容。 首先,我们来探讨CSS在创建滚动条样式上的关键属性。CSS3...

    Android仿IOS的圆角设置界面。

    5. ATable:`ATableView`可能是项目中的核心组件,它可能是一个自定义的表格视图,模仿了iOS的TableView,同时支持圆角、单选和多选等功能。这个组件可能会覆盖和扩展Android的`ListView`或`RecyclerView`,并提供...

    table 圆角 html5 css3

    一个基本的表格仍然由`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;th&gt;`(表头)和`&lt;td&gt;`(单元格)等元素组成。例如: ```html 表头1 表头2 数据1 数据2 ``` 接下来,我们关注CSS3中的`border-radius`属性...

    圆角table(图片)

    结合这些信息,我们可以推测压缩包中可能包含了一个示例HTML文件,展示了如何通过CSS和图片组合实现圆角表格,以及一个或多个图片文件,用于在不支持CSS3`border-radius`的浏览器中显示圆角。 总结来说,"圆角table...

Global site tag (gtag.js) - Google Analytics