รหัส CSS: การเปลี่ยนแปลงเส้นขอบภายใต้การวางเมาส์เหนือ
ผู้เขียน：Eve Cole
เวลาอัปเดต：2009-06-12 19:27:29
<!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 ">
<หัว>
<title>เอกสารที่ไม่มีชื่อ</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
p#นอก {
ตำแหน่ง:ญาติ;
ลอย:ซ้าย;
ขอบบน:20px;
ขอบซ้าย:20px;
พื้นหลัง: สีฟ้า;
-
#ด้านนอก {
ระยะขอบ:0;
สีพื้นหลัง:สีฟ้า;
จอแสดงผล: บล็อก;
ตำแหน่ง: ญาติ;
เส้นขอบ: 2px ประแดง;
-
#ด้านนอก a:hover {border:2px ประ #CCFFCC;}
#outer img {display:block;border:none;พื้นหลัง:#ffffcc;padding:4px;}
</สไตล์>
</หัว>
<ร่างกาย>
<h1>วางเมาส์เหนือภาพเพื่อดูเอฟเฟกต์ขอบคู่</h1>
<p id="ด้านนอก"><a href="#"><img src="</p>
</ร่างกาย>
</html>
