在css中,通过设置表格的border-spacing属性,便可实现td之间的上下娩麇嗵伎间距设置。下面小编举例讲解CSS中如何设置td元素之间的上下间距。
工具/原料
html+css
代码编辑器:DreamweaverCS5
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解CSS中如何设置td元素之间的上下间距。
2、在test.html文件内,使用table,tr,td标签创建一个两行两列的表格,并使用border属性设置表格的边框为1px。
3、在test.html文件内,给table表格添加一个class属性,用于设置下面样式的设置。
4、在test.html文件内,编写<styletype="text漆虱忧甘/css"></style>标签,页面的css样式将写在该标签内。
5、在css标签内,通过class(mytable)设置表格的的样式,使用border-spacing设置表格中td的上下间距为50px。
6、在浏览器打开test.html文件,查看实现的效果。