a标签如何添加“行内样式为鼠标移入出现下划线”效果？ 这个是有下划线 a:hover{text-decoratio...
\u600e\u4e48\u7528\u884c\u5185\u5f0f\u63a7\u5236\u8d85\u94fe\u63a5\u6837\u5f0f <a style="">\u8d85\u94fe\u63a5</a> \u628a\u8d85\u94fe\u63a5\u8bbe\u7f6e\u6210\u9f20\u6807\u79fb\u4e0a\u53bb\u65f6\u51fa\u73b0\u7ea2\u8272\u4e0b\u5212\u7ebf\u521a\u7ed9\u4f60\u627e\u5230\u4e86\uff0c\u4e0d\u8fc7\u4e0d\u8ba9\u53d1\u94fe\u63a5\uff0c\u81ea\u5df1\u767e\u5ea6\u641c\u7d22\u4e00\u4e0b \u7f51\u9875\u8d85\u94fe\u63a5\u9f20\u6807\u6837\u5f0f\u7684\u8bbe\u7f6e \u770b\u770b\u662f\u4e0d\u662f\u4f60\u8981\u7684\u6548\u679c
\u9f20\u6807\u7ecf\u8fc7\u7684\u65f6\u5019\u51fa\u73b0\u4e0b\u5212\u7ebftext-decoration:underline
\u4e0d\u8981\u4e0b\u5212\u7ebf\u6539\u6210text-decoration:none\u5373\u53ef\u3002
a:hover\u662fcss\u4e2d\u7684\u9009\u62e9\u5668\uff0c\u7528\u4e8e\u9009\u62e9\u9f20\u6807\u6307\u9488\u6d6e\u52a8\u5728\u4e0a\u9762\u7684\u5143\u7d20\u3002
a\u6807\u7b7e\u4e2d\u6709\u56db\u4e2a\uff1alink\u3001visited\u3001hover\u3001active
link
\u8bf4\u660e\uff1a\u8bbe\u7f6ea\u5bf9\u8c61\u5728\u672a\u88ab\u8bbf\u95ee\u524d\u7684\u6837\u5f0f\u8868\u5c5e\u6027\u3002
visited
\u8bf4\u660e\uff1a\u8bbe\u7f6ea\u5bf9\u8c61\u5728\u5176\u94fe\u63a5\u5730\u5740\u5df2\u88ab\u8bbf\u95ee\u8fc7\u65f6\u7684\u6837\u5f0f\u8868\u5c5e\u6027\u3002
hover
\u8bf4\u660e\uff1a\u8bbe\u7f6e\u5bf9\u8c61\u5728\u5176\u9f20\u6807\u60ac\u505c\u65f6\u7684\u6837\u5f0f\u8868\u5c5e\u6027\u3002
active
\u8bf4\u660e\uff1a\u8bbe\u7f6e\u5bf9\u8c61\u5728\u88ab\u7528\u6237\u6fc0\u6d3b\uff08\u5728\u9f20\u6807\u70b9\u51fb\u4e0e\u91ca\u653e\u4e4b\u95f4\u53d1\u751f\u7684\u4e8b\u4ef6\uff09\u65f6\u7684\u6837\u5f0f\u8868\u5c5e\u6027\u3002
\u62d3\u5c55\u8d44\u6599
\u5c42\u53e0\u6837\u5f0f\u8868(\u82f1\u6587\u5168\u79f0\uff1aCascading Style Sheets)\u662f\u4e00\u79cd\u7528\u6765\u8868\u73b0HTML\uff08\u6807\u51c6\u901a\u7528\u6807\u8bb0\u8bed\u8a00\u7684\u4e00\u4e2a\u5e94\u7528\uff09\u6216XML\uff08\u6807\u51c6\u901a\u7528\u6807\u8bb0\u8bed\u8a00\u7684\u4e00\u4e2a\u5b50\u96c6\uff09\u7b49\u6587\u4ef6\u6837\u5f0f\u7684\u8ba1\u7b97\u673a\u8bed\u8a00\u3002CSS\u4e0d\u4ec5\u53ef\u4ee5\u9759\u6001\u5730\u4fee\u9970\u7f51\u9875\uff0c\u8fd8\u53ef\u4ee5\u914d\u5408\u5404\u79cd\u811a\u672c\u8bed\u8a00\u52a8\u6001\u5730\u5bf9\u7f51\u9875\u5404\u5143\u7d20\u8fdb\u884c\u683c\u5f0f\u5316\u3002
CSS \u80fd\u591f\u5bf9\u7f51\u9875\u4e2d\u5143\u7d20\u4f4d\u7f6e\u7684\u6392\u7248\u8fdb\u884c\u50cf\u7d20\u7ea7\u7cbe\u786e\u63a7\u5236\uff0c\u652f\u6301\u51e0\u4e4e\u6240\u6709\u7684\u5b57\u4f53\u5b57\u53f7\u6837\u5f0f\uff0c\u62e5\u6709\u5bf9\u7f51\u9875\u5bf9\u8c61\u548c\u6a21\u578b\u6837\u5f0f\u7f16\u8f91\u7684\u80fd\u529b\u3002
1994\u5e74\u54c8\u5764\u00b7\u5229\u63d0\u51fa\u4e86CSS\u7684\u6700\u521d\u5efa\u8bae\u3002\u800c\u5f53\u65f6\u4f2f\u7279\u00b7\u6ce2\u65af\uff08Bert Bos\uff09\u6b63\u5728\u8bbe\u8ba1\u4e00\u4e2a\u540d\u4e3aArgo\u7684\u6d4f\u89c8\u5668\uff0c\u4e8e\u662f\u4ed6\u4eec\u51b3\u5b9a\u4e00\u8d77\u8bbe\u8ba1CSS\u3002
CSS\u4e3aHTML\u6807\u8bb0\u8bed\u8a00\u63d0\u4f9b\u4e86\u4e00\u79cd\u6837\u5f0f\u63cf\u8ff0\uff0c\u5b9a\u4e49\u4e86\u5176\u4e2d\u5143\u7d20\u7684\u663e\u793a\u65b9\u5f0f\u3002CSS\u5728Web\u8bbe\u8ba1\u9886\u57df\u662f\u4e00\u4e2a\u7a81\u7834\u3002\u5229\u7528\u5b83\u53ef\u4ee5\u5b9e\u73b0\u4fee\u6539\u4e00\u4e2a\u5c0f\u7684\u6837\u5f0f\u66f4\u65b0\u4e0e\u4e4b\u76f8\u5173\u7684\u6240\u6709\u9875\u9762\u5143\u7d20\u3002
\u53c2\u8003\u8d44\u6599\uff1a\u767e\u5ea6\u767e\u79d1CSS\uff08\u5c42\u53e0\u6837\u5f0f\u8868\uff09\u8bcd\u6761
a{} 标签对是一个网站的一条信息链接定义的，a:link {} /* 未访问的链接 */
a:visited {} /* 已访问的链接 */
a:hover {text-decoration:underline;} /* 当有鼠标悬停在链接上 */
a:active {} /* 被选择的链接 */
绛旓細鐢↗S浠ｇ爜锛('a').mouseover(function(){ ('span').fadeIn();},function(){ ('span').fadeOut();} )
绛旓細a:hover锛榧犳爣绉诲埌閾炬帴涓婃椂 ,濡 a:hover {color:blue} 鏀瑰彉棰滆壊 鐪嬬湅杩欎釜锛歨ttp://my.tv.sohu.com/pl/8369775/index.shtml
绛旓細棣栧厛鍦╟ss鏂囦欢涓缃搴旂殑a鏍囩鏍峰紡1 锛屼竴鑸敤绫诲悕锛屽锛<a href="#"class="style1"id =鈥渁鈥>a鏍囩</a> .style1 { color:#000 ;} 鍚屾椂鍑嗗鏍峰紡2 .style2{ color:#fff ;} 鍦ㄨ剼鏈簨浠朵腑涓篴缁戝畾鐐瑰嚮浜嬩欢锛歷ar a = document.getElementById("a");a.onclick= function (){a....
绛旓細a锛歨over琛ㄧず褰榧犳爣閫夊畾鍦a鏍囩涓婃椂a鏍囩鐨鏍峰紡鍙樺寲銆傝繖鏄痗ss涓吉绫荤殑浣跨敤鏍煎紡銆備吉绫伙紙Pseudo classes锛夋槸閫夋嫨绗︾殑铻烘爴锛岀敤鏉ユ寚瀹氫竴涓垨鑰呬笌鍏剁浉鍏崇殑閫夋嫨绗︾殑鐘舵併傚畠浠殑褰㈠紡鏄痵elector:pseudo class { property: value; }锛岀畝鍗曞湴鐢ㄤ竴涓崐瑙掕嫳鏂囧啋鍙凤紙:锛夋潵闅斿紑閫夋嫨绗﹀拰浼被銆侰SS寰堝鐨勫缓璁苟娌℃湁寰楀埌...
绛旓細a鏍囩榧犳爣鎮诞鏁堟灉涓烘敼鍙樻爣绛撅紝鏂囧瓧棰滆壊銆傛牴鎹煡璇㈢浉鍏冲叕寮淇℃伅鏄剧ず锛岄紶鏍囩Щ鍒癮鏍囩涓婃椂锛宎鏍囩鑳屾櫙棰滆壊鏀瑰彉锛屽瓧浣撳彉涓虹孩鑹诧紝瀛椾綋澶у皬涓16px銆傞紶鏍囩Щ闄ゅ悗鎭㈠銆
绛旓細杩欎釜鏄洜涓鏍峰紡浼樺厛绾х殑闂锛屽彧瑕佹妸鏍峰紡鏇存崲鎴 HTML閮ㄥ垎:<a href="#" id="pic2"> </a> CSS閮ㄥ垎:pic2 a{background:url(image/frontPageAd_anniversary_txt.jpg) 0 0 no-repeat; width:465px; height:262px; display:block;"} pic2 a:hover{ background:url(../image/澶嶄欢 frontPageAd...
绛旓細杈规灏介噺鐢ㄥ湪a涓婏紝閬垮厤鐢ㄥ湪img涓娿 :hover浼被灏介噺鐢ㄥ湪a涓婏紝鍥犱负IE6涓嶆敮鎸佸叾浠栧厓绱犵殑hover浼被銆俬over鎰忔濆氨鏄榧犳爣绉讳笂鍘荤殑鍔ㄤ綔銆備笉鐭ラ亾浣犳湁娌℃湁鐢╮eset鏉ユ竻鐞嗛〉闈紝姣曠珶鍚勬祻瑙堝櫒榛樿鏁堟灉涓嶄竴锛屽洜姝ゆ垜鎶妑eset鐨刢ss涔熷啓浜嗚繘鍘伙紝绗簩閮ㄥ垎涓轰綘鎯宠鐨刢ss銆a鏍囩瑕佽瀹氳竟妗嗭紝涓瀹氳瀹冩妸鍏堣浆涓哄潡绾у厓绱狅紝...
绛旓細鏍囩鐨勫睘鎬ф爮閲屾湁涓猰ouseMoveOn浜嬩欢锛屽湪瀵瑰簲鐨勪簨浠跺搷搴斿嚱鏁伴噷鍐欎綘鎯宠鏄剧ず鐨勪笢瑗 閭ｄ簺榧犳爣绉诲叆鏃舵樉绀虹殑涓滆タ榛樿璁剧疆鎴愪笉鍙锛屽綋榧犳爣绉诲叆鏃讹紝鎶婂睘鎬ф敼鎴愬彲瑙佸氨琛岋紝鍏蜂綋鐪嬩笅杈圭殑渚嬪瓙锛屽摢鍦版柟涓嶆噦鍐嶉棶 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> ...
绛旓細<title>鏃犳爣棰樻枃妗</title> </head> <body> <div style="width:100px; height:35px; background:#CCC; text-align:center; line-height:35px; font-size:12px; cursor:pointer;" onmouseout="this.style.background='#ccc'" onmousemove="this.style.background='#f00'"> <a href="#"...
绛旓細<html> <head> <meta charset="utf-8"> <title>demo</title> <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> </head> <style> .menu{border-bottom: 1px solid #ccc;} .menu a{ width: 120px; height: 50px; ...
