旗下导航:搜·么
当前位置:网站首页 > CSS > 正文

css怎样完成表格实线【css教程】

作者:搜搜PHP网发布时间:2019-11-26分类:CSS浏览:99


导读:利用在css设置表格实线:代码以下:table{border-collapse:collapse;/*示意将单元格中各小格之间的闲暇举行兼并*/border:...

利用在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>

效果以下:

更多CSS相干技术文章,请接见CSS教程栏目举行进修!

以上就是css怎样完成表格实线的细致内容,更多请关注ki4网别的相干文章!

标签:css