njmnjx
- 浏览: 232155 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
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 922一、准备一个icon图标，图片类型必须是icon类型，不能通过 ... -
单点登录两种实现方案
2013-10-16 13:52 873说是两种其内在实质还是一个思路。 一种是使用js，另一种是使用 ... -
美化File控件-图片按键上传文件
2013-07-16 21:13 2450效果图： 一、显示样式 上传控件显示为一个图片 点击 ... -
dll项目添加服务引用
2011-07-24 16:17 1280当创建一个dll项目中添加了服务引用，但引用这个dll文件者又 ... -
邮件打开统计
2011-07-24 16:08 2802统计邮件是否被打开（或者打开次数） 1、在邮件的最下面（任意 ... -
匹配邮箱
2011-07-24 11:59 983匹配邮箱 (?m)^((([^\"\s]+)|(&q ... -
ListBox应用
2010-11-13 12:00 1004using System; using System.C ... -
rss 订阅
2010-11-11 20:50 1135//aspx页面内容 <%@ Page Langu ... -
枚举操作类
2010-10-27 20:25 870using System; using System.C ... -
自动执行服务程序 两法
2010-10-10 13:17 1107创建服务程序，利用此程序完成自动执行的工作。两种方法： 首先创 ... -
通过泛型插入(更新)实体数据
2010-07-25 08:56 2401/// <summary> /// 通过泛型 ... -
DataReader 转换成实体（或List）
2010-07-25 08:39 8453/// <summary> /// Data ... -
自定义控件
2010-07-17 22:06 1045最近做项目见到别人写的一个分页控件不错，记录一下关于路径的问题 ... -
自定义DateTable样例
2010-07-17 20:05 982记录流程备查 #region 创建自定义DataTabl ... -
发送邮件的两种方式
2010-07-11 14:44 1204一、实现代码如下： using System; using ... -
提示信息 换行 alert(); titile
2010-03-17 14:13 1827标签的titile属性内容文本换行可使用 代码 ... -
GridViw 绑定DataTable数据源 分页
2010-03-11 15:35 3060使用DataTable后分页有两种形式： 一、使用自定义的分页 ... -
SQL to Linq 翻译软件 Linqer
2010-03-06 10:28 2894先前我使用的是LINQPad，这个软件是一个编写Linq语句进 ... -
母板使用后样式问题
2010-03-03 20:07 927在单一aspx页面中操作没有什么问题，但要处理每个页面的登陆权 ... -
JQueryAPI1.4 中文版
2010-02-27 10:37 854API: 最新JQueryAPI1.4 中文版 大家分享--- ...
相关推荐
bootstraptable 可以直接导出的插件,导出内容自动居中处理 https://blog.csdn.net/qq_39087348/article/details/112970600
在网上搜索了不同的解决方案，包括手动计算高度，通过Margin属性来实现类似居中的问题，或者尝试在单元格中添加BlockUIContainerl来实现居中，但是实际由于TableCell自身没有居中，或者适应宽度，最终都以失败告终。
下面制作一个3*3的表格，放置在页面中心，边框厚度为2，宽度为500，单元格内没有间距，并每一行使用不同的效果 规整的表格 1.1 1.2 1.3 2.1 2.2 2.3 3.1 3.2 3.3 截图 密码： 性别：男 女 技能：...
我们使用table-cell也可以简单的实现，利用table-cell来制作横向排列的好处我觉得有三点（呵呵呵，有些牵强） 1.float以及 clear:both都可以省略了；2.纵向居中也可以了；3.就算使用border和padding也不会顶出边框了...
通过在标题中进行颜色/背景样式列宽定制基于预定义宽度的文本截断文字对齐（左，右，居中） 填充（左，右） 易于使用的API安装npm install cli-table3如何使用单元测试套件的一部分用于生成示例： -涵盖基本用途。...
右侧） 边框颜色和样式（在表，行或单元格级别上） 支持文本对齐（右，左，居中，对齐） 垂直文本对齐方式（顶部，中间，底部） 列跨度和行跨度换行和行距单元格中的图像实验性的：垂直文本，还可以覆盖负责表/...
9.3.3 何时使用TABLE 202 9.4 一列布局 203 9.4.1 一列固定宽度 203 9.4.2 一列宽度自适应 204 9.4.3 一列宽度居中 205 9.5 二列布局 206 9.5.1 二列固定宽度 206 9.5.2 二列宽度自适应 207 9.5.3 二列右列宽度...
floatimg 在页面上制作的飘浮图片插件,没时间封装 mmJIK Macromedia亲自为Flash 5开发的插件，功能太强大了 MX186725_splash_window 也叫chromeless splash , 一种效果很不错的浏览器窗口 MX175723_DWinamp 可以...
在页面上制作的飘浮图片插件,没时间封装 mmJIK Macromedia亲自为Flash 5开发的插件，功能太强大了 MX186725_splash_window 也叫chromeless splash , 一种效果很不错的浏览器窗口 MX175723_DWinamp 可以方便...
17.2 用table制作的进度条 17.3 CSS+JS制作的进度条（一） 17.4 CSS+JS制作的进度条（二） 17.5 进度条形式的下载效果 17.6 滑动条（一） 17.7 滑动条（二） 17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加...
17.2 用table制作的进度条 17.3 CSS+JS制作的进度条（一） 17.4 CSS+JS制作的进度条（二） 17.5 进度条形式的下载效果 17.6 滑动条（一） 17.7 滑动条（二） 17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加...
设置层居中.html 设置层居中实例。 尺寸实例手把手.html 演示尺寸实例手把手。 第20章（源代码\第20章） 示例描述：本章演示外补丁用法。 margin基本语法.html 复合属性margin基本语法。 margin-...
<table align="表格对齐方式center/right/left" border="表格边框 默认没有边框" cellpadding="文字和单元格之间边距 默认为1" cellspacing="单元格和单元格之间间距 默认为2" width="表格宽度" height="表格高度"> ...
1.4.3 使用可视化软件制作页面 10 1.4.4 使用浏览器浏览HTML文件 14 1.4.5 使用HTML开发的明日图书网 14 1.5 小结 15 1.6 习题 16 第2章 HTML文件基本标记 17 教学录像：44分钟 2.1 HTML头部标记 18...
15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作，但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX...
使用标签添加图片，使用标签添加链接，使用table添加表格，使用thead、tbody、tfood定义表格； 表单标签：使用创建表单，文本输入框，密码输入框，数字输入框，网址输入框，邮箱输入框，创建文本域，单选框，复选框...
增加一根水平线，size为5px，宽度为50%，居中对齐，颜色为红色(red) 7、预格式化 作用：保留源文档中的回车 和 空格 的作用 <pre></pre> 8、分区元素 1、块分区元素 语法：<div></div> 作用：布局 2、行内...