《Css运用插件来美化表单》

首先再DW新建一个HTML&＃xff0c;然后布局&＃xff0c;需要用到一个插件&＃xff0c;引入插件。
部分截图和代码如下&＃xff1a;

然后再是表单的布局&＃xff0c;用table来包含表单里的内容&＃xff0c;给表单一个类用于调用插件里面的样式&＃xff0c;然后是用表头来包含头部部分&＃xff0c;再用tr来定义一列&＃xff0c;th来定义一个单元格&＃xff08;th是表头的单元格&＃xff09;col定义一个单元格的份数&＃xff08;一列为12份&＃xff09;。
部分代码和截图如下&＃xff1a;

页面效果图如下&＃xff1b;

表格的内容部分用tbody来包含tr定义一列&＃xff0c;而row表示身高占一列再用td来编写一列里的内容。
部分代码和截图如下&＃xff1a;

页面效果图如下&＃xff1a;

而很多样式都是插件里的&＃xff0c;可以通过table上的类来改变样式例如鼠标移入有背景颜色发生变化&＃xff08;其他样式不用改&＃xff0c;就调用插件里的类&＃xff09;。
部分代码和截图如下&＃xff1a;

页面效果图如下&＃xff1a;

也可以改变单行的背景颜色&＃xff0c;改变单行的背景颜色就要把table上的样式去掉&＃xff0c;不然会覆盖掉。
部分代码和截图如下&＃xff1a;

页面效果图如下&＃xff1a;

还有一个表格边框样式
部分代码和截图如下&＃xff1a;

页面效果图如下&＃xff1a;

这就是插件的好处&＃xff0c;比较方便&＃xff0c;样式也比较美观。
&＃xff08;表格中数据纯属个人虚构&＃xff09;