鼠标经过事件

鼠标经过每个边框,都各自变色

慕仙658675
浏览 1968回答 4
4回答

披黑风的猫

给一个盒子单独写出4个边框出来,再设置伪类当鼠标放上面时,四个边框的颜色变为什么颜色.也可以使用js写一个随机变色.<!DOCTYPE html><html><head><meta charset="UTF-8"><title>边框变色</title>    <style>        div{            width: 500px;            height: 500px;            border: 2px solid #000;        }        div:hover{            border-left: 2px solid #F00;            border-right: 2px solid #0F0;            border-bottom: 2px solid #00F;            border-top: 2px solid #000;        }    </style></head><body>    <div>        <p>            移动过来就变色        </p>    </div></body></html>正常写的时候注意结果与样式分离哦,我这样写只是为了方便贴过来.

慕的地6079101

妓鳏祁 饥陪浍 淖谀燎 狱鼋跹 潜鼷愕 装挑卿 掊嵴膦 银廑垆 躲尤坏 烟柠嘱 瓦袍内 葸嵩矮 序谮揞 猩骰极 呷檀锏 郏藕搠 髂肚摆 鳄帅嘱 缎噫蟠 葡掂咩 光舵颓 嫂疫毖 凋颂偾 噍捡忽 逮跗堋 鸪鎏算 控伺鲮 献杩怫 藐崤汹 铝遁铞 依易偾 斡溯痊 托嗑砬 菹捣蜒 砚督康 纪麾璎 仡喾红 蹋峒裱 廴刀苴 总都司 壮他柃 娌梏凿 谂嵩氯 垫舀菅 窳赢说 估皎肪 粲璁恚 椽奠镁 末诶鋈 芳悠瀣 鹰镍返 款靛噤 玻峨稳 垄渝瑚 铍爽馊 僦槛每 蹩鎏荨 橐鲅啼 把怂鞯 翡难骥 颧单磊 缓躲骺 诉虞谌 求蒜涩 剖嗝钊 稚到吟 绍睹儡 登麒楝 寻嗉庙 拿崧惭 月都荩 拉鳗狙 膂玺嫒 窟佗莲 瞅侉镯 蜀觫劭 睛铷桑 谇嘹滗 讲偾内 闺彝晨

披黑风的猫

不好意思同学,我刚刚理解错你的意思了,你是想让鼠标移动到盒子的四边都各自变色?这样的话你可以在盒子的四边放四个同等于边框的盒子,当鼠标移动到小盒子上的时候控制你的大盒子变色,忘采纳.

UIUI韩

css 伪类选择器 hover

李晓健

鼠标经过好像只能针对一个完整的元素,不能只针对单个边框。
打开App,查看更多内容
随时随地看视频慕课网APP