css去除table外边框并且可以保留内边框内边框可根据自己的需求调整颜色和粗细 css调节table标签的背景色

最新推荐文章于 2024-05-01 12:01:29 发布

秃头橘子

最新推荐文章于 2024-05-01 12:01:29 发布

阅读量1.8k

点赞数 1

分类专栏： HTML 文章标签： css 前端 html5

本文链接：https://blog.csdn.net/qq_52510306/article/details/123540443

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本代码中包含：
css去除table外边框并且可以保留内边框
内边框可根据自己的需求调整颜色和粗细

css调节table标签的背景色


<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Document</title>
</head>
<body>
<style>
        div{text-align: center;background:#0080FF;position:absolute;margin:0px auto; }
        table{text-align:center;background:#0080FF;border-collapse: collapse;border: 0px solid #0080FF;}
    table td {
        border-top: 0;
        border-right: 1px solid #0080FF;
        border-bottom: 1px solid #0080FF;
        border-left: 0;
    }
    
    table tr.lastrow td {
        border-bottom: 0;
    }
    
    table tr td.lastCol {
        border-right: 0;
    }


</style>        
<from>
    <table>
    <tr><td colspan="4" rowspan="" headers="" style="background:#fff" class="lastCol">购买图书</td></tr>
            <div>
            <tr> 

        <td colspan="2" rowspan="" headers="">请选择：
            <select  id="sid" onchange="selectcity()">
            <option>Oracle实用教程（第4版）</option>
            <option>Java实用教程（第3版）</option>
            <option>SQL Server实用教程（第4版）</option>
            <option>MySQL实用教程（第2版）</option>
            <option>PHP实用教程（第2版）</option>
            </select>
        </td>
        <td colspan="2" rowspan="" headers="">
            <button type="button">加入购物车</button>
        </td>
    </tr>
    <tr>
        <td colspan="" rowspan="" headers="" style="background:#32CD32">书   名</td>
        <td colspan="" rowspan="" headers="" style="background:#32CD32">定   价</td>
        <td colspan="" rowspan="" headers="" style="background:#32CD32">数   量</td>
        <td colspan="" rowspan="" headers="" style="background:#006400;color:#fff">操   作</td>
    </tr>
<tr>
    <td colspan="" rowspan="" headers="">
    <input type="checkbox" name="Oracle" value="">Oracle实用教程（第4版）
    </td>
    <td colspan="" rowspan="" headers="">49.00</td>
    <td colspan="" rowspan="" headers=""><input type="text" name="num"></td>
    <td><button type="button">刷新</button></td>
</tr>
    </div>
    </table>
</from>
</body>

示例： 在这里插入图片描述

秃头橘子

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
css去除table外边框并且可以保留内边框内边框可根据自己的需求调整颜色和粗细 css调节table标签的背景色

本代码中包含：css去除table外边框并且可以保留内边框内边框可根据自己的需求调整颜色和粗细css调节table标签的背景色<!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" xml:lang="en"
复制链接

扫一扫