使用css设置鼠标放置在链接上时的样式应使用以下哪个选择器

html-css030

使用css设置鼠标放置在链接上时的样式应使用以下哪个选择器,第1张

使用css设置鼠标放置在链接上时的样式应使用hover选择器。hover选择器:算是交互式的,是鼠标移上去回发生效果。定义和用法::hover在鼠标移到链接上时添加的特殊样式。提示:hover选择器器可用于所有元素,是链接。比如说下拉菜单功能,鼠标移上去会显示菜单:在dropdown-content里设置了displaynone,就是把这两行隐藏,给dropdown添加了hover选择器,效果是displayblock,变为块级元素,就形成了鼠标移过去显示菜单的效果。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<style>标签中,输入css代码:a.big{border:1pxsolidwhite}。

3、浏览器运行index.html页面,此时鼠标移动到123上,由于预设了1个与背景颜色一样的边框,此时变成立体感边框时不会影响到后面的456。