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

เขียนเมื่อ 11 ปีก่อน โดย Ninenik Narkdee
ข้อความ แจ้งเตือน css

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



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

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

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

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

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


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











URL สำหรับอ้างอิง











เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ