CSS操作表格的边框和表格的属性示例代码

最新推荐文章于 2024-04-20 18:15:46 发布

weixin_30291791

最新推荐文章于 2024-04-20 18:15:46 发布

阅读量355

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/loaderman/p/10005626.html

版权

<!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>
<style type="text/css">
    table{
        /*border-collapse:collapse; 合并表格的边框*/
        border-spacing:20px; /* 设置单元格的边框与表格的边框距离*/
        table-layout:fixed;
    }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
    <table border="1px" width="400px" height="300px" align="center" >
            <tr>
                <th>姓名</th>
                <th>成绩</th>
                <th>人品</th>
            </tr>     
            <tr>
                <td>张三</td>
                <td>98</td>
                <td>差</td>
            </tr>      
            <tr>
                <td>李四</td>
                <td>50</td>
                <td>极好极好极好极好极好极好极好极好极好极好极好极好极好极好极好</td>
            </tr>     
            <tr>
                <td>综合测评</td>
                <td >不错</td>
            </tr>      
    </table>
</body>
</html>

<!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>
<style type="text/css">
    /* 
        div默认是没有边框呃。
    */
    div{
        width:100px;
        height:100px;
        border-style:dotted solid double ; /* 设置边框的样式  上 右 下 左*/
        border-color:#F00;
        border-bottom-color:#0FF;
        border-top-width:100px;
    }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
    <div>这个是第一个div</div>
    
</body>
</html>

转载于:https://www.cnblogs.com/loaderman/p/10005626.html

weixin_30291791

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS操作表格的边框和表格的属性示例代码

<!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><...
复制链接

扫一扫