LAB CSS
1. Mở file dulich.html
2. Đặt tên cho table chứa chữ Danh làm các thắng cảnhlà danhlam
3. Tuần tự tạo các style sau :
#danhlam { width: 500px; border: 5px solid #C60; }
#danhlam caption {
color: #9F9; text-transform: capitalize; font-size: 18px;
background-color: #C60; padding-top: 5px; padding-bottom: 5px;}
#danhlam a {
color: #036; text-decoration: none; padding-left: 25px;
background-image: url(forward1.gif); background-repeat: no-repeat; }
#danhlam td { border-bottom: dotted 1px #C60;}
4. Tạo class sau:
#danhlam .vien {
border-left: dotted 1px #C60;
border-right: dotted 1px #C60; }
Xong thì set class cho các td ở cột giữa
Kết quả như sau:
5. Chèn div có tên là weblinkbao quanh các chữ từ chữ Website du lịch đến chữ quan tâm đến du lịch việt nam
6. Tuần tự tạo các style sau:
#weblink { width: 658px; border: 1px solid #039;}
#weblink h3 {
background-color: #990; margin: 0px;
padding-top: 5px; padding-bottom: 5px;}
#weblink a { color: #903; text-decoration: none; }
#weblink p { color: #036; text-align: justify; margin-left: 50px; }
Kết quả như sau:
0 comments:
Post a Comment