njmnjx
- 浏览: 236521 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
njmnjx：
humors221 写道这篇文章还不错，不过有一个小问题，就是 ...
html判断页面加载完毕 -
donkey526485268：
httpModules应用 -
humors221：
这篇文章还不错，不过有一个小问题，就是setInterval( ...
html判断页面加载完毕 -
小昭WBCA：
[/ code]
jquery判断子元素是否存在
在页面布局时经常会使用到table，但如果使其border=1,会不好看；
如果使用border=0,而td的边框又不好控制，如何实现细边框呢？
步骤：
1、放一个div,内置table，利于控制样式（style="margin: 30px auto;" 页面居中）。
2、给table一个背景色，要稍深色并设cellpadding="1" cellspacing="1"（cellpadding="1" cellspacing="1" bgcolor="#DCDCDC" border="0" align="center"）。
3、最后设td的样式bgcolor="#FFFFFF"白色。
4、总结：背景色深，背景色浅，而table的cellpadding="1" cellspacing="1"所以就出现了一个细边。
效果图：
如果使用border=0,而td的边框又不好控制，如何实现细边框呢？
步骤：
1、放一个div,内置table，利于控制样式（style="margin: 30px auto;" 页面居中）。
2、给table一个背景色，要稍深色并设cellpadding="1" cellspacing="1"（cellpadding="1" cellspacing="1" bgcolor="#DCDCDC" border="0" align="center"）。
3、最后设td的样式bgcolor="#FFFFFF"白色。
4、总结：背景色深，背景色浅，而table的cellpadding="1" cellspacing="1"所以就出现了一个细边。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 细边框Table制作 </TITLE>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
</HEAD>
<BODY>
<!--正文-->
<div id="AddNew">
<fieldset>
<legend>用户管理:</legend>
<div class="role" style="margin: 30px auto;">
<table cellpadding="1" cellspacing="1" bgcolor="#DCDCDC" border="0" align="center"
width="459">
<tr>
<th colspan="2" style="background-color:#7ABAFF;">
新用户注册
</th>
</tr>
<tr>
<td class="w80" bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
用户名
</td>
<td bgcolor="#FFFFFF" align="center">
<input name="txtUserName" type="text" id="txtUserName" style="width:150px;" />
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
密码
</td>
<td bgcolor="#FFFFFF" align="center">
<input name="txtPassword" type="password" id="txtPassword" style="width:150px;" />
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
确认密码
</td>
<td bgcolor="#FFFFFF" align="center">
<input name="txtConfirmPassword" type="password" id="txtConfirmPassword" style="width:150px;" />
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
邮箱
</td>
<td bgcolor="#FFFFFF" align="center">
<input name="txtEmail" type="text" id="txtEmail" style="width:150px;" />
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
角色
</td>
<td bgcolor="#FFFFFF" align="center">
<select name="ddlRole" id="ddlRole" style="width:155px;">
<option value="-1">-请选择-</option>
<option value="1">Admin</option>
<option value="2">SuperAdmin</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="Button" align="center">
<img src="RegisterButton.gif"/>
</td>
</tr>
</table>
</div>
</fieldset>
</div>
<!--正文 end-->
</BODY>
</HTML>
效果图：
- 大小: 7.1 KB
分享到：
发表评论
-
保存到桌面 功能
2013-11-19 15:34 984一、准备一个icon图标，图片类型必须是icon类型，不能通过 ... -
单点登录两种实现方案
2013-10-16 13:52 904说是两种其内在实质还是一个思路。 一种是使用js，另一种是使用 ... -
美化File控件-图片按键上传文件
2013-07-16 21:13 2487效果图： 一、显示样式 上传控件显示为一个图片 点击 ... -
dll项目添加服务引用
2011-07-24 16:17 1327当创建一个dll项目中添加了服务引用，但引用这个dll文件者又 ... -
邮件打开统计
2011-07-24 16:08 2874统计邮件是否被打开（或者打开次数） 1、在邮件的最下面（任意 ... -
匹配邮箱
2011-07-24 11:59 1053匹配邮箱 (?m)^((([^\"\s]+)|(&q ... -
ListBox应用
2010-11-13 12:00 1057using System; using System.C ... -
rss 订阅
2010-11-11 20:50 1207//aspx页面内容 <%@ Page Langu ... -
枚举操作类
2010-10-27 20:25 926using System; using System.C ... -
自动执行服务程序 两法
2010-10-10 13:17 1162创建服务程序，利用此程序完成自动执行的工作。两种方法： 首先创 ... -
通过泛型插入(更新)实体数据
2010-07-25 08:56 2453/// <summary> /// 通过泛型 ... -
DataReader 转换成实体（或List）
2010-07-25 08:39 8546/// <summary> /// Data ... -
自定义控件
2010-07-17 22:06 1086最近做项目见到别人写的一个分页控件不错，记录一下关于路径的问题 ... -
自定义DateTable样例
2010-07-17 20:05 1021记录流程备查 #region 创建自定义DataTabl ... -
发送邮件的两种方式
2010-07-11 14:44 1252一、实现代码如下： using System; using ... -
提示信息 换行 alert(); titile
2010-03-17 14:13 1865标签的titile属性内容文本换行可使用 代码 ... -
GridViw 绑定DataTable数据源 分页
2010-03-11 15:35 3118使用DataTable后分页有两种形式： 一、使用自定义的分页 ... -
SQL to Linq 翻译软件 Linqer
2010-03-06 10:28 2953先前我使用的是LINQPad，这个软件是一个编写Linq语句进 ... -
母板使用后样式问题
2010-03-03 20:07 980在单一aspx页面中操作没有什么问题，但要处理每个页面的登陆权 ... -
JQueryAPI1.4 中文版
2010-02-27 10:37 889API: 最新JQueryAPI1.4 中文版 大家分享--- ...
相关推荐
在网上搜索了不同的解决方案，包括手动计算高度，通过Margin属性来实现类似居中的问题，或者尝试在单元格中添加BlockUIContainerl来实现居中，但是实际由于TableCell自身没有居中，或者适应宽度，最终都以失败告终。
bootstraptable 可以直接导出的插件,导出内容自动居中处理 https://blog.csdn.net/qq_39087348/article/details/112970600
在IT行业中，"table,切割页面"这一主题主要涉及到网页设计和前端开发，特别是HTML（超文本标记语言）中的表格元素以及如何优化网页布局。在网页设计中，表格（table）是用于展示数据的一种常见方式，它允许我们将...
"Table网页布局"是一种早期常见的网页设计方法，虽然在现代网页设计中已经逐渐被CSS布局取代，但在一些特定场景下，如数据展示、简单页面构建时，表格布局仍具有其独特优势。本教程将深入探讨如何利用`table`元素...
例如，`<table align="center">`将使表格居中显示。 单元格内内容的对齐方式分为水平和垂直两种。水平对齐使用`align`属性，可选值有`left`、`right`和`center`。垂直对齐则用`valign`属性，可选值包括`top`、`...
在网页设计中，CSS（Cascading Style Sheets）是一种用于控制网页元素呈现样式的语言，而HTML中的`<table>`标签则是用来创建表格布局的重要元素。`<table>`标签允许我们构建复杂的表格结构，包括行（`<tr>`）、列（`...
在网页设计中，`<table>` 标签是用于创建表格的重要元素，它允许我们组织数据并呈现结构化的信息。本文将深入探讨 `table` 参数的相关属性，包括它们的用途、值以及如何影响表格的外观。 1. `width`: 这个属性用于...
`则定义了边框的宽度，这里让上边框和左边框为1px，右边框和下边框为0，这样可以进一步控制表格边框的显示，使其更细。 3. **表格元素的边框设置**： 除了对整个表格设置边框，我们还需要对表格的头部`th`和主体`...
根据给定的信息，本文将详细介绍表格边框样式的多种实现方式及其应用场景，旨在为网页设计者提供丰富的资源和灵感。 ### 一、单实线边框表格 **定义与实现：** 单实线边框是最常见的一种表格边框类型，其特点是...
layui 是一个轻量级的前端UI框架，它提供了丰富的组件，包括表格（table）在内，使得开发者可以快速构建美观且功能强大的Web界面。在layui的表格组件中，有时我们需要实现单元格的合并，比如跨行或跨列的合并，以...
3. `<th>`：定义表头（Table Header），通常用于展示列名或分类信息，字体通常会加粗并居中。 4. `<td>`：定义表格数据单元格（Table Data Cell），用于存储实际的数据。 二、创建表格 在描述中提到的是一个学校...
首先，`table`组件是微信小程序提供的一种原生组件，用于在小程序页面中创建表格，它支持行列自定义、单元格合并等功能，能够灵活地适应不同的数据展示场景。在`<view>`标签内引入`<table>`和`<tr>`、`<td>`等子标签...
在网页设计中，表格（Table）是展示数据的常见方式，而CSS（Cascading Style Sheets）则用于美化这些表格，让数据呈现得更加清晰、美观。"漂亮的Table CSS"这个主题聚焦于如何利用CSS技术来提升表格的视觉效果，使其...
最后，文档中还提到了CSS选择器和属性的使用，比如为表格单元格设置边框样式，以及使用display:none来隐藏不需要显示的行。这些技巧有助于在解决列宽问题的同时，对表格的视觉效果进行更精细的控制。在实际操作中，...
5. `align`：设置表格在页面上的对齐方式（左、右、居中）。 6. `rules`：控制表格内部的分隔线，如`rules="all"`显示所有分隔线。 7. `frame`和`rules`：定义表格边框和内部线条的显示方式。 8. `summary`：为屏幕...
}`使内容居中。`vertical-align`则控制垂直对齐，如`td {vertical-align: middle;}`使内容在单元格中间位置。 5. **内边距和外边距**: `padding`和`margin`属性可以控制元素内部和外部的空间。例如，`td {padding: ...
对于表头`<th>`，`.table th`选择器设置了字体大小、颜色、边框和背景，以及居中对齐等样式。而`.table td`选择器则定义了单元格的默认样式，包括边框、背景色、字体大小、颜色和内填充等。 为了实现隔行变色，可以...
在网页设计中，表格（Table）是展示数据的重要方式，然而默认的HTML表格样式往往显得单调，不符合现代网页设计的美观需求。为了提升表格的视觉效果，我们可以利用CSS（Cascading Style Sheets）来定制表格的样式。...
在Excel中自由绘制边框是一项基础但非常实用的技能，尤其在数据分析和报告制作中。在Excel表格中，用户可以根据需要自定义边框样式，使数据更清晰、更专业。以下是一些关于如何在Excel中自由绘制边框的详细步骤和...