课时39.细线表格(理解)
2018-06-24 02:26:48来源:未知 阅读 ()
- 请你设计出以下图片里的这个样式的表格
- 步骤:
- 我先来制作一个两行两列的表格
2.将table里的cellspacing设置成0
外边距是不见了,但是和我们想要完成的图片有一定的差距,我们发现这样做出来的图片好像是两条线合并到了一起一样,实际上确实是两条线合并到了一起的,它是将每个单元格的边距和表格的边距重叠到了一起才有的这个图形。所以应该在这里添加一段注释,如下图
- 那我们应该怎么做呢?
现在我们要学一个全新的属性,将table标签里的属性全部删除
然后我们给表格添加背景颜色
然后我们将第一行tr设置成白色的背景
然后将第二行也设置成白色,并且将cellspacing设置成1px
- 细线表格的制作方式:
- 给table标签设置bgcolor
- 给tr标签设置bgcolor
- 给table标签设置cellspacing=“1px”
注意点:
- table标签和tr标签以及td标签都支持bgcolor属性
2.但是以上内容仅仅作为了解,因为样式以后都是通过css来控制
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:HTML总结
下一篇:课时28.假链接(掌握)
- 课时95.背景图片(掌握) 2018-06-24
- 课时107.内边距属性(掌握) 2018-06-24
- 课时94.背景颜色(掌握) 2018-06-24
- 课时106.边框练习(理解) 2018-06-24
- 课时92.CSS元素显示模式转换(掌握) 2018-06-24
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash