html之解决边框重合问题，鼠标移动文字上文字抖动问题

最新推荐文章于 2024-04-30 17:36:32 发布

爱上喝水的女孩

最新推荐文章于 2024-04-30 17:36:32 发布

阅读量2.1k

点赞数 1

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/ginaxueyan/article/details/79691893

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            padding: 0px;
            margin: 0px;
        }
        ul{
            list-style:none;
            width: 510px;
            margin-left: -1px;/*解决的左侧边框重合的问题，给整体的ul向左移动1像素*/
        }
        li{
            float: left;
            width: 100px;
            height: 40px;
            text-align: center;
            padding: 0px 1px;/*为了解决鼠标移动到文字上文字抖动的问题，所以采用这种办法，用替代的方式*/
            cursor: pointer;
            font: 400 18px/40px "simsun";

        }
        li:hover{
            font-weight: 700;
            color: #f40;/*width:98px;*/
            border-left: 1px solid #000;
            border-right: 1px solid #000;
            padding: 0px;/*同上，解决的文字抖动的问题*/

        }

/*另外解决文

最低0.47元/天解锁文章

爱上喝水的女孩

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html之解决边框重合问题，鼠标移动文字上文字抖动问题

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; *{ padding: 0p
复制链接

扫一扫