外邊框問題
a{color:#333;text-decoration:none}
ul{list-style:none; height:50px; border-bottom:5px solid #F60; padding-left:30px;}
ul li{float:left; margin-top:20px;}
a{display:block;height:30px;text-align:center; line-height:30px; width:120px; background-color:#ccc;}
a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px;height:40px;line-height:40px;margin-top:-10px}
</style>
</head>
<body>
<ul>
? ? <li><a class="on" href="#">首 頁</a></li>
? ? <li><a href="#">新聞快訊</a></li>
? ? <li><a href="#">產(chǎn)品展示</a></li>
? ? <li><a href="#">售后服務</a></li>
? ? <li><a href="#">聯(lián)系我們</a></li>
? </ul>
請問在style樣式中最后一行的margin-top=-10px是對誰而言的
2020-03-12
你可以理解成中心原點向上移動了10px
2019-01-17
當出現(xiàn)hover效果時，按F12查看（Ctrl+Shift+c）盒子模型可以解決。
2017-09-19
你在a.on, a:hover里設置的，就是對它們而言的呀