易截截图软件、单文件、免安装、纯绿色、仅160KB

使用css改变表格边框样式

◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台 ◆
用CSS改变表格边框样式,很实用的一种方法。
制作方法:
将下面的代码复制到<body>~</body>里,此为隐藏下边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-bottom-style: none; border-bottom-width: medium" height="25">隐藏下边</td>
</tr>
</table>
将下面的代码复制到<body>~</body>里,此为隐藏上边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td height="25" style="border-top-style: none; border-top-width: medium">隐藏上边框</td>
</tr>
</table>
将下面的代码复制到<body>~</body>里,此为隐藏左边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-left-style: none; border-left-width: medium" height="25">隐藏左边框
</td>
</tr>
</table>
将下面的代码复制到<body>~</body>里,此为隐藏右边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-right-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-right-style: none; border-right-width: medium" height="25">隐藏右边框
</td>
</tr>
</table>
至此你就可以完成这个实例了,你可以自己试试!有什么不明白的地方可以问我!。 
文章来源:http://www.jiuyepx.cn/Html/jishu/wysj/2984.html


相关文档:

CSS页面不兼容问题

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.
一、CSS HACK
以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
< ......

转:有利于SEO的DIV+CSS的命名规则

文章转自于:http://www.pqshow.com/design/Dreamweaver/200912/12674.html
由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,所以就需要统一开发规范,根据XHTMl和CSS编织的规范和大多人的习惯,整理了以下针对本项目的一个简单的开发规范:
一、CSS文件及样式命名
1、CSS文件命名规范
全局样式:gl ......

div+css浏览器兼容问题解决方法


div+css浏览器兼容问题解决方法
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. 
 
CSS技巧
 
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高
line- ......

IE8 不支持CSS word wrap属性

     当连续输入英语字符后,由于浏览器默认为一个单词,并不会换行处理,在IE6/IE7 中,我们可以添加css中的word-wrap 属性,实现自动换行。但是在IE8 版本中,该属性不支持。
     我们可以采用判断浏览器版本后,使用JavaScript进行换行。
     if ($.br ......

div+css学习1


内联式样式表
定义:直接对html标签写样式,缺点:如果标签过多,需要写过多的样式
公式:style="样式属性:属性的值;样式属性:属性的值"
<p style="font-size:50px">aaaaaaaaa</p>
嵌入式样式表
特点:将公共的样式写在“head”部分里面的。缺点:如果加载样式的页面多,需要写重复内容。
公 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号