2
/6
在test.html文件内,使用table标签,tr标签,td标签创建一个三行两列的表格。
3
/6
为了展示效果,这里使用border属性设置表格的边框为1px。
淘宝热卖
根据文章内容为您推荐
广告
精品创意字母木质Z型烤漆珠宝玻璃饰品展览展会展示柜陈列柜展台
¥400 元¥400 元
查看
4
/6
在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5
/6
在css标签内,通过table元素名称设置表格的css样式,使用border-spacing来设置表格的行间距为50px。
6
/6
在浏览器打开test.html文件,查看实现的效果。
总结:
1
/1
1、创建一个test.html文件。
2、使用table标签,tr标签,td标签创建一个三行两列的表格。
3、在css标签内,使用border-spacing来设置表格的行间距。
注意事项
除了可以通过元素名称设置table的样式,也可以通过class或id来设置
border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。table
{
border-collapse:separate
border-spacing:10px 50px
}
后面的50px就是设置间距的大小