HTML表格边框的控制实现代码
对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。
一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下:
ID
NAME
GENDER
1001
mike
male
可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:<table border="1px" cellspacing="0px">,效果如下:
ID
NAME
GENDER
1001
mike
male
但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大家看到的其实是两个像素的宽,为什么呢,这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可,
即<table border="1px" cellspacing="0px" style="border-collapse:collapse">
ID
NAME
GENDER
1001
mike
male
再给表格加个颜色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">
ID
NAME
GENDER
1001
mike
male
相关文档:
在HTML文档中,大部分元素都可以指定色彩,以表达其不同的含义,使整个文档看起来更加美观且具有层次感。例如body节点的text,link,alink,vlink属性,或者font节点的color属性,都可以用来改变其文本子节点的色彩。
HTML文档使用两种方式表达色彩信息:
命名色彩空间:在HTML文档中,定义了16种最常用的颜色,并赋予其色 ......
最近在做一些内容搜索的工作,搜索出来的内容为html格式,列表部分需要显示每项内容的一部分。因为是html格式的内容,直接截取内容的前多少字符显然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果,再网上搜了一通之后,写下如下代码应该可以满足基本的要求了。(js写的,因为容易调试)
代码
var&nb ......
一、字符串分割分析法。
这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET
函数:
<Script language="javascript">
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = ne ......
<table border="1" style="empty-cells:show; border-collapse:collapse;">
<tr><td>111</td><td></td>
<tr><td></td><td>2222</td>
<table>
attention:
style="empty ......