การสร้างข้อความแจ้งเตือนด้วย CSS

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

แจ้งเตือน css ข้อความ

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

ดูแล้ว 15,328 ครั้ง

style sheet

<style type="text/css">
.alert {
    background: #fff6bf url(images/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    font-size:12px;
}
</style>

Code HTML

1	`<p` `class="alert">แสดงข้อความเตือน....</p>`

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

แสดงข้อความเตือน....

ดาวน์โหลดรูปได้ที่นี่

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