Sau đây là cách tạo chữ nổi đơn giản với CSS
Bước 1: Copy đọan code này và dán vào phần <Head></Head><style>
#element1 {color:silver; position:relative; top:6; left:0; z-index:1; font-size:25pt;font-weight:bold;line-height:1.5em}
#element2 {color:YELLOW; position:absolute; top:-7; left:-2; z-index:1; font-size:25pt; font-weight:bold;line-height:1.5em}
#element3 {color:red; position:absolute; top:-3; left:-2; z-index:2; font-size:25pt; font-weight:bolder;line-height:1.5em}
</style>
Bước 2: Trong phần <body> của tài liệu HTML, ở bất cứ đâu bạn muốn chữ nổi, bạn gõ vào:<CENTER>
<b id=element1>
Tin học cho mọi người
<b id=element2>
Tin học cho mọi người
</b>
<b id=element3>
Tin học cho mọi người
</b>
</B>
</CENTER>
Bạn có thể thay đổi tất cả các thuộc tính của chữ và vị trí trong phần khai báo:
#element3 {color:red; position:absolute; top:-3; left:-3; z-index:1; font-size:36pt; font-weight:bold;}
Đăng nhận xét