现在我们来看看怎样巧妙运用css语法美化html表格制作教程 注：除非特殊声明，本文所举各例插入的html表格制作教程的cellspacing、cellpadding、border值均为0

很多人热衷于制作1pxhtml表格制作教程，于是发明叻各式各样的方法用css做起来可就灵活的多。如果要制作一个1x1的1pxhtml表格制作教程只要简单定义一下边框值就可以了我们首先用Dreamweaver插入一个1x1html表格制作教程，宽度为50然后在该html表格制作教程table或者td中定义border:1 solid teal ，所做的html表格制作教程的效果如下：

但是要制作一个非1x1的html表格制作教程(如2x2)就稍微麻烦些因为如果直接定义td样式border:1 solid teal，则显示的效果如下：

你会发现html表格制作教程外框为1px而里面则变成了2px了，这是由于叠加的原因为了解決这么问题我们可以这样做：

例二：粗边框的1pxhtml表格制作教程

此html表格制作教程的内格线为1px而外边框为3px，有了例一的基础做起来就不难了只偠修改border-width值就行了。

例六：outset外框html表格制作教程

例七：inset外框html表格制作教程

例八：ridge外框html表格制作教程