Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> ul{ list-style-type:none; padding:0px; position:relative; } a{ height:45px; display:block; } li.left{ height:45px; width:45px; background:url(../image/arrow02.png) 107px 0px; position:absolute; } li.right{ height:45px; width:45px; background:url(../image/arrow02.png) 48px 0px; position:absolute; left:55px; } </style> </head> <body> <h3>Dưới đây là tấm hình gốc</h3> <img src="../image/arrow02.png"> <h3>Dưới đây là danh sách chuyển hướng</h3> <ul> <li class="left"><a href="../html/default.html"></a></li> <li class="right"><a href="../javascript/default.html"></a></li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> ul{ list-style-type:none; padding:0px; position:relative; } a{ height:45px; display:block; } li.left{ height:45px; width:45px; background:url(../image/arrow02.png) 107px 0px; position:absolute; } li.right{ height:45px; width:45px; background:url(../image/arrow02.png) 48px 0px; position:absolute; left:55px; } </style> </head> <body> <h3>Dưới đây là tấm hình gốc</h3> <img src="../image/arrow02.png"> <h3>Dưới đây là danh sách chuyển hướng</h3> <ul> <li class="left"><a href="../html/default.html"></a></li> <li class="right"><a href="../javascript/default.html"></a></li> </ul> </body> </html>