CSS如何定义鼠标经过链接时的颜色 做html时怎么设置点击链接前 点击时 点击后的颜色
\u5728CSS\u4e2d\u5982\u4f55\u8bbe\u7f6e\u4e00\u4e2a\u6309\u94ae\u9f20\u6807\u5212\u8fc7\u53d8\u989c\u8272\u3002\u9700\u8981\u51c6\u5907\u7684\u6750\u6599\u5206\u522b\u6709\uff1a\u7535\u8111\u3001\u6d4f\u89c8\u5668\u3001html\u7f16\u8f91\u5668\u3002
1\u3001\u9996\u5148\uff0c\u6253\u5f00html\u7f16\u8f91\u5668\uff0c\u65b0\u5efahtml\u6587\u4ef6\uff0c\u4f8b\u5982\uff1aindex.html\u3002
2\u3001\u5728index.html\u4e2d\u7684\u6807\u7b7e\u4e2d\uff0c\u8f93\u5165css\u4ee3\u7801\uff1abutton {background-color: #00a7d0}button:hover {background-color: #ff7701}\u3002
3\u3001\u6d4f\u89c8\u5668\u8fd0\u884cindex.html\u9875\u9762\uff0c\u6b64\u65f6\u663e\u793a\u51fa\u4e86\u84dd\u8272\u80cc\u666f\u989c\u8272\u7684\u6309\u94ae\u3002
4\u3001\u5c06\u9f20\u6807\u79fb\u5165\u6309\u94ae\uff0c\u6b64\u65f6\u6309\u94ae\u7684\u80cc\u666f\u989c\u8272\u53d8\u6210\u4e86\u6a59\u8272\u3002
\u52a0\u5230\u4f60\u7684CSS\u6837\u5f0f\u8868\u91cc
body {color: #\u989c\u8272\u4ee3\u7801 !important} /*\u8bbe\u7f6e\u5168\u5c40\u6ca1\u94fe\u63a5\u7684\u6587\u5b57\u989c\u8272*/
a:link {color: #\u989c\u8272\u4ee3\u7801 !important} /*\u8bbe\u7f6e\u5168\u5c40\u672a\u70b9\u51fb\u94fe\u63a5\u7684\u989c\u8272*/
a:visited {color: #\u989c\u8272\u4ee3\u7801 !important} /*\u8bbe\u7f6e\u5168\u5c40\u88ab\u70b9\u51fb\u540e\u7684\u94fe\u63a5\u989c\u8272*/
a:hover {color: #\u989c\u8272\u4ee3\u7801 !important} /*\u8bbe\u7f6e\u5168\u5c40\u9f20\u6807\u60ac\u505c\u5728\u94fe\u63a5\u4e0a\u672a\u70b9\u51fb\u65f6\u7684\u989c\u8272*/
a:active {color: #\u989c\u8272\u4ee3\u7801 !important} /*\u8bbe\u7f6e\u5168\u5c40\u9f20\u6807\u5728\u70b9\u51fb\u94fe\u63a5\u77ac\u95f4\u53d1\u751f\u7684\u52a8\u4f5c*/
<html>
<head>
<style>
body{
width:960px; //限定网页的宽度
margin:0 auto;
boreder:1px solid #f00 //加个边框利于观察
}
a{
font-size:13px;
color:#0f0; //绿色
}
a:hover{
color:#f00; //红色
}
</style>
</head>
<body>
<a href=''点我会变颜色</a>
</body>
</html>
a:link 设置a对象在未被访问前的样式表属性
a:hover 设置对象在其鼠标悬停时的样式表属性
a:active 设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性
a:visited 设置a对象在其链接地址已被访问过时的样式表属性
------------------------------------------------
很简单啦~
常用设置：
a:link 超链接的普通样式
a:visited 点击过的
a:hover 鼠标经过时的
a:active 单击时
a:link{text-decoration:none;} 无下划线
a:link{text-decoration:underline;} 有下划线
a:hover{
color: ####;
}
这样就可以了。
#号表示你想要的颜色。
学过css的应该不会这种问题都不知道吧
还是我理解错了你的意思？
body a:hover { color:颜色 }
如果还有别的，就把hover换成 link visited active
绛旓細2銆佸湪椤甸潰缂栧啓nav鏍囩锛屽湪閲岄潰鏀句笁涓秴閾炬帴(棣栭〉銆佹爮鐩竴銆佹爮鐩簩)锛屼唬鐮佸涓嬶細3銆佽繍琛屼唬鐮侊紝鏁堟灉濡備笅锛4銆佷娇鐢css瀵瑰鑸殑瀛椾綋鐨勫瓧浣撳ぇ灏忋侀鑹层佹帓鍒楁柟寮忕瓑杩涜缇庡寲锛屼唬鐮佸涓嬶細5銆佽繍琛屼唬鐮侊紝鏁堟灉濡備笅锛氬彲瑙侊紝缁忚繃CSS鏍峰紡缇庡寲锛榧犳爣缁忚繃鐨勬椂鍊锛屾樉绀鸿摑鑹层6銆佸埄鐢–SS缂栧啓浠ｇ爜锛屽疄鐜榧犳爣缁忚繃鏃鏄剧ず涓嬪垝绾...
绛旓細green;} 涓婇潰鐨勪唬鐮佸疄鐜颁簡鎴戜滑鐨勮姹傦紝鍙鍦ㄧ浉鍏冲厓绱犳牱寮忎笂娣诲姞濡備笅浠ｇ爜鍗冲彲:[CSS] 绾枃鏈煡鐪 澶嶅埗浠ｇ爜1cursor:pointer 鍏充簬榧犳爣鎸囬拡褰㈢姸瀹氫箟鍙傞槄css璁剧疆榧犳爣鎸囬拡褰㈢姸浠ｇ爜绠鍗曚粙缁嶄竴绔犺妭銆傝嚜瀹氫箟榧犳爣鎸囬拡褰㈢姸鍙傞槄css濡備綍鑷畾涔夐紶鏍囨寚閽堜竴绔犺妭銆
绛旓細css a:visited { color: purple;} 杩欐牱锛岀敤鎴风偣鍑昏繃骞惰闂繃鐨閾炬帴鍦ㄩ〉闈笂灏变細鏄剧ず涓虹传鑹层3. 瓒呴摼鎺ョ殑鎮仠鏁堟灉锛氶櫎浜嗚闂墠鍚庣殑棰滆壊锛屼綘杩樺彲浠ヨ缃綋鐢ㄦ埛榧犳爣鎮仠鍦ㄩ摼鎺ヤ笂鏃剁殑棰滆壊銆傝繖閫氬父閫氳繃鈥:hover鈥濅吉绫绘潵瀹炵幇銆備緥濡傦紝褰撻紶鏍囨偓鍋滃湪閾炬帴涓婃椂锛屼綘鍙互灏嗗叾棰滆壊璁剧疆涓虹孩鑹诧細css a:hover { color:...
绛旓細a:link {color: #FF0000}/* 鏈闂殑閾炬帴 */a:visited {color: #00FF00}/* 宸茶闂殑閾炬帴 */a:hover {color: #FF00FF}/* 榧犳爣绉诲姩鍒伴摼鎺ヤ笂 */a:active {color: #0000FF}/* 閫夊畾鐨勯摼鎺 */ 鎻愮ず锛氬湪 CSS 瀹氫箟涓紝a:hover 蹇呴』琚疆浜 a:link 鍜 a:visited 涔嬪悗锛屾墠鏄湁鏁堢殑銆傛彁绀...
绛旓細涓嶇敤閭ｄ箞楹荤儲锛屾椿鐢╝鏍囩灏卞彲浠ヤ簡 a.home {background:url(榧犳爣婊戣繃涔嬪墠鐨勫浘鐗囧湴鍧) no-repeat; width:100px; height:20px; display:inline-block;_float:left;} a.home:hover {background:url(榧犳爣婊戣繃鐨勫浘鐗囧湴鍧) no-repeat; 棣栭〉 杩欐牱灏卞彲浠ュ疄鐜版湁閾炬帴鐨鍙互鎹㈠浘鐨勬晥鏋 ...
绛旓細1銆侀鍏堟墦寮鐢佃剳锛屽苟杩涘叆杞欢css銆2銆佸叾娆℃柊寤篽tml鏂囨。锛屽湪body鏍囩涓坊鍔犱竴涓猟iv鏍囩銆3銆佹渶鍚庢坊鍔爌鏍囩锛屽嵆鍙皢缁忚繃浜嬩欢鐩存帴鍐欏湪div閲屻
绛旓細\x0d\x0a鎴戝亣璁句綘瀵硅繖涓変釜閾炬帴宸茬粡缁欎簡鍚勮嚜鐨刬d: "linka" 銆"linkb"銆 "linkc"\x0d\x0a鐒跺悗瀵硅繖3涓摼鎺ヨ繘琛CSS璁剧疆锛歕x0d\x0a#linka a:hover{color:pink;}\x0d\x0a#linkb a:hover{color:pink;}\x0d\x0a#linkc a:hover{color:gray;}\x0d\x0a\x0d\x0a杩欐牱鍗冲彲銆
绛旓細杈规灏介噺鐢ㄥ湪a涓婏紝閬垮厤鐢ㄥ湪img涓娿 :hover浼被灏介噺鐢ㄥ湪a涓婏紝鍥犱负IE6涓嶆敮鎸佸叾浠栧厓绱犵殑hover浼被銆俬over鎰忔濆氨鏄榧犳爣绉讳笂鍘荤殑鍔ㄤ綔銆俓x0d\x0a涓嶇煡閬撲綘鏈夋病鏈夌敤reset鏉ユ竻鐞嗛〉闈紝姣曠珶鍚勬祻瑙堝櫒榛樿鏁堟灉涓嶄竴锛屽洜姝ゆ垜鎶妑eset鐨css涔熷啓浜嗚繘鍘伙紝绗簩閮ㄥ垎涓轰綘鎯宠鐨刢ss銆俛鏍囩瑕佽瀹氳竟妗嗭紝涓瀹氳瀹冩妸鍏堣浆涓...
绛旓細a:hover{color锛歳ed锛泒 杩欎釜red鍙互鏀规垚浣犺嚜宸卞枩娆㈢殑棰滆壊
绛旓細娉ㄦ剰锛氫吉绫婚夋嫨鍣╤over 鍙互浣滅敤浜庢墍鏈夊厓绱狅紝涓嶄粎浠呮槸閾炬帴銆備笌hover绫讳技鐨勯夋嫨鍣ㄨ繕鏈塴ink锛寁isited锛宎ctive銆 link 閫夋嫨鍣ㄥ彲浠ヨ缃湭琚闂繃鐨勯摼鎺ユ牱寮忥紝 visited 閫夋嫨鍣ㄥ彲浠ヨ缃凡琚闂繃鐨勯摼鎺ユ牱寮忥紝active閫夋嫨鍣ㄥ彲浠ヨ缃婵娲荤殑閾炬帴鏍峰紡銆備笉娓呮鐨勫悓瀛﹀彲浠ュ弬鑰 CSS瑙嗛鏁欑▼銆傜敤娉1锛氬綋榧犳爣缁忚繃閾炬帴鏃鏀瑰彉...
