m0_60735506 2022-05-21 13:15 采纳率: 85.7%
浏览 50
已结题

这个灰色的边怎么除去

怎么除去左边和下面灰色的边？

img


想要弄成下图：

img


css:

img


html:

img

  • 写回答

3条回答 默认 最新

  • xcLeigh 全栈领域优质创作者 2022-05-21 13:47
    关注

    效果图

    img

    源码

    <html>
<head>
<title>xcSharp博客</title>
<style type="text/css">
ul{
     list-style-type: none;
     width: 300px;
}
#menu {
    padding: 0px;
    margin: 0px;
}
#menu .first{
    background-color: #E98E65;
    padding-left : 1px;
    padding-top: 5px;
    padding-bottom: 2px;
    color: black ;
    margin: 0px;
    font-size: 16px;
    font-weight : bold;
}

#menu .first li div{
    padding:5px 20px;
    background-color:lightgray;
}
#menu .second li{
    padding:5px 20px;
}
#menu .second{
    padding-top: 20px;
    padding-bottom:20px;
    padding-left : 0px;
    background-color : white;
    font-size: 14px;
    font-weight : normal;
}
a{    
    color: gray;
    text-decoration: none;
}

</style>
</head>
<body>
<div id= "menu">
<ul class="first">
<li>
    <div>注册登录</div>
    <ul class="second">
        <li>
        <a href="https://blog.csdn.net/weixin_43151418/article/details/124746163?spm=1001.2014.3001.5502">购物指南</a>
        </li>
        <li>
        <a href="https://blog.csdn.net/weixin_43151418/article/details/124746163?spm=1001.2014.3001.5502">找回登陆密码</a>
        </li>
        <li>
        <a href="https://blog.csdn.net/weixin_43151418/article/details/124746163?spm=1001.2014.3001.5502">开启支付密码</a>
        </li>
        <li>
        <a href="https://blog.csdn.net/weixin_43151418/article/details/124746163?spm=1001.2014.3001.5502">注册企业用户</a>
        </li>
        <li>
        <a href="https://blog.csdn.net/weixin_43151418/article/details/124746163?spm=1001.2014.3001.5502">账户注册</a>
        </li>
    </ul>
</li>
<li>
    <div>我的订单</div>
    <ul class="second">
        <li>
            <a href="https://blog.csdn.net/weixin_43151418/article/details/124684028?spm=1001.2014.3001.5502">购物指南</a>
        </li>
        <li>
            <a href="https://blog.csdn.net/weixin_43151418/article/details/124684028?spm=1001.2014.3001.5502">找回登陆密码</a>
        </li>
        <li>
            <a href="https://blog.csdn.net/weixin_43151418/article/details/124684028?spm=1001.2014.3001.5502">开启支付密码</a>
        </li>
        <li>
            <a href="https://blog.csdn.net/weixin_43151418/article/details/124684028?spm=1001.2014.3001.5502">注册企业用户</a>
        </li>
        <li>
            <a href="https://blog.csdn.net/weixin_43151418/article/details/124684028?spm=1001.2014.3001.5502">账户注册</a>
        </li>
    </ul>
<li>
</ul>

</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 5月30日
  • 已采纳回答 5月22日
  • 创建了问题 5月21日

悬赏问题

  • ¥15 一道python难题
  • ¥15 用matlab 设计一个不动点迭代法求解非线性方程组的代码
  • ¥15 牛顿斯科特系数表表示
  • ¥15 arduino 步进电机
  • ¥20 程序进入HardFault_Handler
  • ¥15 oracle集群安装出bug
  • ¥15 关于#python#的问题：自动化测试
  • ¥20 问题请教！vue项目关于Nginx配置nonce安全策略的问题
  • ¥15 教务系统账号被盗号如何追溯设备
  • ¥20 delta降尺度方法，未来数据怎么降尺度