首頁| 新聞| 娛樂| 游戲| 科普| 文學| 編程| 系統| 數據庫| 建站| 學院| 產品| 網管| 維修| 辦公| 熱點
鼠標激活顯示背景色,我們該如何編寫這樣的代碼呢?我們來整理一下思路:把a里的部分設置成一個塊元素,然后定義鼠標放上后的樣式。CSS1中:hover只對a元素起作用,CSS2中:hover應用于所有元素.而IE7也沒同樣沒有支持CSS2中的這個標準。所以為了適應所有瀏覽器還是要定義在a中. 代碼運行效果:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /><title>無序列表UL 鼠標激活顯示背景色的實例</title><style type=”text/css”>#links ul {list-style-type: none;width: 280px;}#links li {border: 1px dotted #06f;border-width: 1px 0;margin-bottom: 16px;}#links li a {color: #00f;display: block;font: bold 120% Arial, Helvetica, sans-serif;padding: 8px;text-decoration: none;}* html #links li a { /* make hover effect work in IE */width: 280px;}#links li a:hover {background: #f0f0f0; color:#036;}#links a em {color: #666;display: block;font: normal 85% Verdana, Helvetica, sans-serif;line-height: 125%;}#links a span {color: #999;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 150%;}</style></head><body><div id=”links”><ul><li><a href=”#” title=”CSS Web Design”>CSS Web Design<em>xhtml+css div+css – Vevb.com</em> <span>Vevb.com</span></a></li><li><a href=”#” title=”CSS Web Design”>CSS Web Design<em>xhtml+css div+css – Vevb.com</em> <span>Vevb.com</span></a></li></ul></div></body></html> 提示:您可以先修改部分代碼再運行
練就火眼金睛 十一種常見電腦
打印機共享提示“操作無法完成
如何查找有故障的配件
回眸一笑百魅生,六宮粉黛無顏色
歲月靜美,剪一影煙雨江南
蕪湖有個“松鼠小鎮”
小滿:小得盈滿,一切剛剛好!
一串串晶瑩剔透的葡萄,像一顆顆寶石掛在藤
正宗老北京脆皮烤鴨
人逢知己千杯少,喝酒搞笑圖集
搞笑試卷,學生惡搞答題
新聞熱點
疑難解答
圖片精選
DIV+CSS通用樣式布局實例代碼
input file(input文件域)的美化
首屆世界CSS設計大賽結果揭曉
網友關注