CSS制作符合网站标准的细线表格
所属分类:
网页制作 / CSS
阅读数:
567
收藏 0赞 0分享
css教程:实现符合Web标准的细线表格
随着应用CSS网页布局构建网页,
以及web标准的广泛普及与发展,
表格渐渐被人们遗忘,
但是表格还是有它优秀的一面,
数据处理用表格的确省了不少麻烦!
这个是细表格的代码,并且通过了标准验证!
table{
border:1px solid #000;
border-width:1px 0 0 1px;
margin:2px 0 2px 0;
text-align:center;
border-collapse:collapse;
}
td,th{
border:1px solid #000;
border-width:0 1px 1px 0;
margin:2px 0 2px 0;
text-align:left;
}
th{
text-align:center;
font-weight:600;
font-size:12px;
background-color:#F4F4F4;
}
<table width="236">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
table,td,th{
border:1px #000 solid;
border-collapse:collapse;
}
用最后这段代码,很容易就可以实现。
经过测试,通过标准strict!
css实现的让图片垂直居中的方法
图片的宽度和高度是未知的,没有一个固定的尺寸,在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中,想想感觉还是挺麻烦的,由于最近的项目可能会用到这个方案,所以把一些常用的方法都收集整理了一下。
收藏 0赞 0分享
3个比较有用的网页制作技巧
我们在进行DivCSS布局的时候,非常关注CSS技巧的学习,今天向大家推荐3个所谓的 “顶级”CSS技巧!虽然没有什么新意,但对新手而言却非常重要!
收藏 0赞 0分享
display:inline的用法
和 display:inline 对应的是 display:block,block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素,例如 SPAN 是行内显示的,但是你加了 display:block 属性就不一样了
收藏 0赞 0分享
css样式实现整个页面背景使用一张图片
最近一直被css背景困扰,因为是仿站,别人网站背景图片无论怎样另存,都是相同文件名,打开一看,整个网站的各个角落背景图片都在一个文件中分布,于是上网搜集资料,发现使用这种方法的网站很多,源自于雅虎最早。
收藏 0赞 0分享
关于CSS样式表文件组织形式的整理
以下引用网络上的一篇文章,不知道作者是谁了,总体上概括的不错,但是在实际应用当中还是要根据项目情况来具体实施比较好。
收藏 0赞 0分享
查看更多