App下載
實例代碼( Tip: 登錄后體驗更佳 )
<!DOCTYPE html>
<html>
<head>
    <title>W3.CSS(w3cschool.cn)</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
</head>
<body>
<div class="w3-container">
    <h2>悬停颜色</h2>
    <p>将鼠标悬停在按钮上以查看效果：</p>
    <p><button class="w3-button w3-border w3-hover-red">Red</button></p>
    <p><button class="w3-button w3-border w3-hover-pink">Pink</button></p>
    <p><button class="w3-button w3-border w3-hover-purple">Purple</button></p>
    <p><button class="w3-button w3-border w3-hover-deep-purple">Deep Purple</button></p>
    <p><button class="w3-button w3-border w3-hover-indigo">Indigo</button></p>
    <p><button class="w3-button w3-border w3-hover-blue">Blue</button></p>
    <p><button class="w3-button w3-border w3-hover-light-blue">Light Blue</button></p>
    <p><button class="w3-button w3-border w3-hover-cyan">Cyan</button></p>
    <p><button class="w3-button w3-border w3-hover-aqua">Aqua</button></p>
    <p><button class="w3-button w3-border w3-hover-teal">Teal</button></p>
    <p><button class="w3-button w3-border w3-hover-green">Green</button></p>
    <p><button class="w3-button w3-border w3-hover-light-green">Light Green</button></p>
    <p><button class="w3-button w3-border w3-hover-lime">Lime</button></p>
    <p><button class="w3-button w3-border w3-hover-sand">Sand</button></p>
    <p><button class="w3-button w3-border w3-hover-khaki">Khaki</button></p>
    <p><button class="w3-button w3-border w3-hover-yellow">Yellow</button></p>
    <p><button class="w3-button w3-border w3-hover-amber">Amber</button></p>
    <p><button class="w3-button w3-border w3-hover-orange">Orange</button></p>
    <p><button class="w3-button w3-border w3-hover-deep-orange">Deep Orange</button></p>
    <p><button class="w3-button w3-border w3-hover-brown">Brown</button></p>
    <p><button class="w3-button w3-border w3-hover-blue-grey">Blue Grey</button></p>
    <p><button class="w3-button w3-border w3-hover-light-grey">Light Grey</button></p>
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
運行結(jié)果