การสร้างปุ่มด้วย CSS

08 October 2008 เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee

ปุ่ม css

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ ปุ่ม css

ดูแล้ว 18,786 ครั้ง

คำเตือน! เนื้อหาต่อไปนี้ เป็นเนื้อหาเก่า อาจจะไม่เหมาะสำหรับนำไปใช้งาน หรือไม่สามารถใช้งานได้แล้ว

ลองดูที่ใหม่กว่า https://www.ninenik.com/tag_คำสั่ง_วิธีการ_ใช้งาน_การประยุกต์_ตัวอย่าง_เกี่ยวกับ-bootstrap_4 เป็นแนวทางแทน

<style type="text/css">
.i_link {
    display: block;
    border: 1px solid;
    border-color: #aaa #000 #000 #aaa;
    width: 8em;
    background: #fc0;
    text-align:center;
    color:#000;
    text-decoration:none;
}
.i_link:hover
{
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #000 #aaa #aaa #000;
}
</style>
<a href="#" class="i_link">ตัวอย่างลิ้งค์</a>

ตัวอย่างผลลัพธิ์
ตัวอย่างลิ้งค์

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ