css基础 border-collapse 合并表格的边线 简单示例
2018-01-29 23:10
603 查看
礼悟:
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
代码
效果 (左边是网页效果,右边是网页的源代码)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/06/ebde25664f9caa40990feab635351879.png)
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
editor:Dreamweaver CS6
browser:Firefox
os:win7
browser:Firefox
os:win7
代码
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="给最苦 https://www.cnblogs.com/jizuiku https://github.com/GratefulHeartCoder"/> <title>无标题文档</title> <style type="text/css"> table{ width:300px; border:#000 solid 1px; border-collapse:collapse;/*这样去合并表格的边线,good*/ } td{ border:#000 solid 1px; text-align:center;/*表格中的内容居中,文字可以,图片也可以*/ } </style> </head> <body> <table> <tr> <td>1</td><td>2</td><td>3</td> </tr> </table> </body> </html>
效果 (左边是网页效果,右边是网页的源代码)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/06/ebde25664f9caa40990feab635351879.png)
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
相关文章推荐
- css基础 表格的边框线合并 border-collapse:collapse
- css基础 表格的边框线合并 border-collapse:collapse
- css基础 border-style:solid/dashed/dotted/double 简单示例
- CSS属性 table 的 border-collapse 边框合并
- 最基本的HTML表格格式,border,再加一点简单的css
- css基础 id选择器 简单示例
- css基础 a:link/visited... 链接伪类选择器 简单示例
- css基础 滑动门 简单示例
- css属性border-collapse(细表格)empty-cells(显示空列,没看出来效果)text-transform(大小写)
- border-collapse:collapse; 表格边框合并属性
- css基础 word-spacing 英文单词的间距 简单示例
- css基础 !important 简单示例
- CSS 表格中的单元格边框重叠属性 border-collapse
- border-collapse设置表格和单元格边框合并
- CSS写的简单表格示例
- css基础 text-indent 段落的首行缩进两个字符 简单示例
- css基础 精灵图 简单示例
- CSS 表格中的单元格边框重叠属性 border-collapse
- css基础 clear属性:both 使用div块清除左右浮动的简单示例
- css基础 clear属性:both 使用div块清除左右浮动的简单示例