在前面我看讲过表格的边框分离与合并,现在就给大家讲下表格分离后如何用CSS语言中的border-spacing属性控制表格间的宽度。
语法:
border-spacing: px px ;
说明:
border-spacing第一个是水平间隔,第二个是垂直间隔。除非 border-collapse 被设置为 separate,否则将忽略这个属性。
代码案例
群号:805366477 | QQ:2838697670 |
---|---|
HTML&CSS&JS聊天群 | QQ805366477 |
QQ:1974808066 | 微信公众号:design-Rabbit |
群号:805366477 | QQ:2838697670 |
---|---|
HTML&CSS&JS聊天群 | QQ805366477 |
QQ:1974808066 | 微信公众号:design-Rabbit |
把案例的代码输入到记事本中,然后把代码另存为HTML文件,然后打开另存好的HTML文件,就可以看到在图1中效果了。
另存为方式
(图片来自网络,另存为案例)
这个是记事本另存为的方式,在另存为文件名加后缀“.html”,就会产生一个HTML文件,双击打开就会看到图1效果。
(图片来自网络,图1)
从图1中可以看到CSS语言中的border-spacing: px px 属性可以使表格边框距发生变化这样就说明我们今天的试验成功了。
今天就分享到这,要知后事如何请听下回分解,如有疑问请加QQ1974808066了解。
**************EMD**************
HTML&CSS&JS兴趣群:805366477萝宾免代码小精灵 QQ:1974808066
微信公众号:design-Rabbit
部分内容参考网络,本文只限于学习交流请勿它用
**********************************