a.big:hover {color: green;border:1px outset white;}
<a class='big'>123</a>456 如果移动到123上会有一个很有立体感的边框,但是后面的456也会动,感觉很不好。怎么保证鼠标移到123上,给他加边框, 而保持后面的456不动。
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。
2、在index.html中的<style>标签中,输入css代码:a.big{border:1px solid white;}。
3、浏览器运行index.html页面,此时鼠标移动到123上,由于预设了1个与背景颜色一样的边框,此时变成立体感边框时不会影响到后面的456。
这样可以,才发现。但是很多A。这样做不方便。谢谢啊
追答a.big{display:inline-block;padding:1px;}a.big:hover {color: green;border:1px outset white;padding:0;}
貌似这样也可以
怎么个本来就有,那为什么我的还动啊。。。