css 表格(一)——每天几个样式,轻松玩转CSS

  • 时间:2018-06-06 00:38 作者:小白前端 来源:小白前端 阅读:83
  • 扫一扫,手机访问
摘要:border 边框border能为任何可以加边框的元素增加边框线。border有三个属性值,使用空格隔开。第一个值是边框的像素,第二个值边框的样式,第三个是边框颜色。border:1px solid #000;solid设置边框线为实线,dashed设置边框线为虚线。为表格设置边框样式,在浏览器中查

border 边框

border能为任何可以加边框的元素增加边框线。

border有三个属性值,使用空格隔开。第一个值是边框的像素,第二个值边框的样式,第三个是边框颜色。

border:1px solid #000;

solid设置边框线为实线,dashed设置边框线为虚线。

css 表格(一)——每天几个样式,轻松玩转CSS

为表格设置边框样式,

css 表格(一)——每天几个样式,轻松玩转CSS

在浏览器中查看:

css 表格(一)——每天几个样式,轻松玩转CSS

border-collapse 设置能否将表格边框折叠为单一边框

上面的例子中我们看到两个元素之间是双条边框线的,是由于我们给每个元素都设置是了单独的边框线。我们能给table元素设置border-collapse属性让元素共使用一条边框线。

为上面例子中的table增加一个属性:

css 表格(一)——每天几个样式,轻松玩转CSS

在浏览器中显示:

css 表格(一)——每天几个样式,轻松玩转CSS

width & height 宽度和高度

width 和 height 能为任何可以设置宽度和高度的元素增加。

举个栗子,为table设置宽度为500px,同时为td高度设置为50px:

css 表格(一)——每天几个样式,轻松玩转CSS

浏览器中显示:

css 表格(一)——每天几个样式,轻松玩转CSS

童靴们打开编辑器练习练习吧!

你必需非常努力,才可以看起来毫不费力!

关注小白前台,持续收到文章推送~

  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】JavaScript是如何工作的:渲染引擎和优化其性能的技巧(2019-01-14 22:40)
【系统环境|服务器应用】EXCEL | VBA实例操作(2019-01-14 22:40)
【系统环境|服务器应用】PHP 底层的运行机制与原理(2019-01-14 22:40)
【系统环境|服务器应用】MacPro (Retina,13inch,Mid2014)128G换500G三星960 EVO NVMe SSD的经历总结(2019-01-14 22:40)
【系统环境|服务器应用】Redis的OBJECT命令(译文)(2019-01-14 22:39)
【系统环境|服务器应用】mysql 对 Emoji表情支持(2019-01-14 22:39)
【系统环境|服务器应用】两种创立DBConnection1以调用JDBC API的方式(2019-01-14 22:39)
【系统环境|服务器应用】AWT/Swing中的Repaint, paint, update(2019-01-14 22:39)
【系统环境|服务器应用】Keras命名体识别(NER)实战---自然语言解决技术(1)(2019-01-14 22:39)
【系统环境|服务器应用】Android P新添加检测项 应用热修复受重大影响(2019-01-14 22:38)
手机二维码手机访问领取大礼包
返回顶部