首页 >web前端 >css教程 > 正文

css如何实现表格实线

原创2019-07-22 15:20:4301251
phpstudy集成环境下载

利用在css设置表格实线:

代码如下:

table{
border-collapse:collapse;   /*表示将单元格中各小格之间的空隙进行合并*/
border:1px #00F solid;      /*定义边框样式*/
}

示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
<style>
table {
 border-collapse: collapse; 
} 
table td {
    border:1px solid #fff000;
}
</style>
</head>
<body>
 <table cellpadding="0">
     <tr>
        <td>First</td>
        <td>Second</td>
        <td>Three</td>
     </tr>
     <tr>
        <td>第一</td>
        <td>第二</td>
        <td>第三</td>
     </tr>
 </table>
</body>
</html>

结果如下:

1.jpg

更多CSS相关技术文章,请访问CSS教程栏目进行学习!

以上就是css如何实现表格实线的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:css
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • 传智播客张鹏带你一周hold住html+css视频教程传智播客张鹏带你一周hold住html+css视频教程
  • 野秀堂HTML5+CSS3视频教程野秀堂HTML5+CSS3视频教程
  • CSS高级实例视频教程CSS高级实例视频教程
  • CSS 4.2.4参考手册CSS 4.2.4参考手册
  • HTML/CSS技术小知识每日分享HTML/CSS技术小知识每日分享
  • 视频教程分类