css画电脑键盘 <br />h2{font-size:24px; position:relative; top:15px; left:100px;}<br />body{ background:#f5f6f7; font-size:12px;}<br />#jianpan{ width:1100px; height:360px; border:1px solid #999; margin:100px auto; background:#fff; border-radius: 20px; border:none;<br />box-shadow: rgba(0,0,0,0.3) 0 1px 5px; position:relative;}<br />.anjian{ width:40px; height:40px;border:none; box-shadow: rgba(0,0,0,0.3) 0 1px 5px; position:absolute;border-radius:4px;}<br />.lan_1{top:47px; height:28px;}<br />.esc{left:20px;}<br />.f1{left:116px;}<br />.f2{left:164px;}<br />.f3{left:212px;}<br />.f4{left:260px;}<br />.f5{left:328px;}<br />.f6{left:384px;}<br />.f7{left:432px;}<br />.f8{left:480px;}<br />.f9{left:548px;}<br />.f10{left:596px;}<br />.f11{left:644px;}<br />.f12{left:692px;}<br />.lan_2{top:85px}<br />.a_1{left:20px;}<br />.a_2{left:68px;}<br />.a_3{left:116px;}<br />.a_4{left:164px;}<br />.a_5{left:212px;}<br />.a_6{left:260px;}<br />.a_7{left:308px;}<br />.a_8{left:356px;}<br />.a_9{left:404px;}<br />.a_10{left:452px;}<br />.a_11{left:500px;}<br />.a_12{left:548px;}<br />.a_13{left:596px;}<br />.a_14{left:644px; width:88px;}<br />.prt,.insert, .delete, .l_left{left:747px;}<br />.scroll, .home, .end, .l_up, .l_down{left:796px;}<br />.pause, .page_up, .page_down, .l_right{left:844px;}<br />.lan_3{ top:130px;}<br />.tap{left:20px; width:70px;}<br />.q{left:98px;}<br />.w{left:146px;}<br />.e{left:194px;}<br />.r{left:242px;}<br />.t{left:290px;}<br />.y{left:338px;}<br />.u{left:386px;}<br />.i{left:434px;}<br />.o{left:482px;}<br />.p{left:530px;}<br />.p1{left:578px;}<br />.p2{left:626px;}<br />.p3{left:674px; width:58px;}<br />.lan_4{ top:175px;}<br />.caps{left:20px; width:80px;}<br />.a{left:108px;}<br />.s{left:156px;}<br />.d{left:204px;}<br />.f{left:252px;}<br />.g{left:300px;}<br />.h{left:348px;}<br />.j{left:396px;}<br />.k{left:444px;}<br />.l{left:492px;}<br />.b_1{left:540px;}<br />.b_2{left:588px;}<br />.b_3{left:636px; width:96px;}<br />.lan_5{ top:220px;}<br />.shift{left:20px; width:107px;}<br />.z{left:135px;}<br />.x{left:183px;}<br />.c{left:231px;}<br />.v{left:279px;}<br />.b{left:327px;}<br />.n{left:375px;}<br />.m{left:423px;}<br />.m_1{left:471px;}<br />.m_2{left:519px;}<br />.m_3{left:569px;}<br />.m_4{left:615px; width:117px;}<br />.lan_6{ top:265px;}<br />.ctrl, .ctrl_1{ width:65px;}<br />.windows, .windows_1{ width:55px;}<br />.alt, .alt_1, .right_on{ width:50px;}<br />.ctrl{ left:20px;}<br />.windows{ left:93px;}<br />.alt{ left:156px;}<br />.space{left:214px; width:270px;}<br />.alt_1{left:492px;}<br />.windows_1{ left:550px;}<br />.right_on{ left:613px;}<br />.ctrl_1{ left:671px;}<br />.ctrl_1{ width:61px;}<br />span.first{ position:absolute; top:2px; left:5px; line-height:12px;}<br />span.second{ position:absolute; top:15px; text-align:center; width:40px;}<br />span.third{ position:absolute; top:10px; left:5px; width:40px; line-height:12px;}<br />span.fourth{ position:absolute; top:23px; left:5px; width:40px; line-height:12px;}<br />span.fifth{ position:absolute; top:40px; left:5px; width:40px; line-height:12px;} <p>.num_lock, .seven, .four, .one, .zone{ left:899px;}<br />.a_15, .eight, .five, .two{ left:947px;}<br />.a_16, .nine, .six, .three, .del{ left:995px;}<br />.a_17, .add, .s_enter{ left:1043px;}<br />.zone{ width:88px;}<br />.add, .s_enter{ height:85px;}<br /> http://www.999jiujiu.com/ Esc F1 F2 F3 F4 F5 F6 F7 F8 F9 F10 F11 F12 PrtSc SysRq Scroll Lock Pause Break ~` !1 @2 #3 $4 %5 ^6 & 7 *8 (9 )0 -- += ←Backspace Insert Home Page Up Num Lock / * - Tap Q W E R T Y U I O P { } |\ Delete End Page Down 7Home 8↑ 9PgUp + Caps Lock A S D F G H J K L : " Enter 4← 5 6→ Shift Z X C V B N M > ? Shift ↑ 1End 2↓ 3PgDn Enter Ctrl Win Alt Alt Win Ctrl ← ↓ → 0Ins .Del