Thursday, 22 April 2021

LAB CSS 2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#tinnoibat{ width:460px; border:1px solid #993300; min-height: 300px;}
#tinnoibat #top1{min-height:140px; border-bottom: dotted 1px #993300; margin-bottom: 5px;}
#tinnoibat #top3 div{ width:33.3%; float:left; text-align:center;}
#tinnoibat #top3 a{ color: #006699; text-decoration: none; }
#tinnoibat #top1 a {font-size: 18px; color: #CC0033; text-decoration: none;}
#tinnoibat #top1 p {margin-top: 0px;}
</style>
</head>

<body>
<div id="tinnoibat">
    <div id="top1">
    <img width=150 height=120 align=left src="hinh/tnb1.jpg" />
        <p><a href="#"> Washington sẵn sàng cho lễ nhậm chức </a> </p>
        Thủ đô nước Mỹ đã chuẩn bị xong mọi thứ để lễ nhậm chức của vị tổng thống da màu đầu tiên
         trong lịch sử Barack Obama diễn ra ngày 20/1, trong đó trung tâm là tòa nhà Capitol.    
    </div>    
    <div id="top3">
<div> 
        <img src="hinh/tnb2.jpg" width="140" height="90" /><br />
         <a href="#"> Cầu dây văng made in VN đầu tiên  khánh thành </a> 
         </div>
         <div> 
            <img src="hinh/tnb3.jpg" width="140" height="90" /><br />
            <a href="#"> Cái đầu vàng của Công Vinh   </a> 
         </div>
         <div> 
            <img src="hinh/tnb4.jpg" width="140" height="90" /><br />
            <a href="#"> Việt Nam muôn năm!   </a> 
          </div>
    </div>
</div>

</body>
</html>

LAB CSS

1.      Mở  file tinnoibat.html

2.      Định dạng cho div có tên tinnoibat

#tinnoibat { width: 460px; border: 1px solid #993300; }

3.      Định dạng cho div top1

#tinnoibat #top1 {min-height: 140px; border-bottom: dotted 1px #993300;}

4.      Định dạng cho 3 div trong top3

#tinnoibat #top3 div { width: 33.3%; float: left; text-align: center;}

5.      Định dạng cho tag a trong top3

#tinnoibat #top3 a { color: #006699; text-decoration: none; }

6.      Định dạng cho tag a trong top1

#tinnoibat #top1 a {font-size: 18px; color: #CC0033; text-decoration: none;}

7.      Định dạng cho tag p trong top1

#tinnoibat #top1 p {margin-top: 0px;}

8.      Chỉnh định dạng cho div top1

margin-bottom: 5px;

9.      Chỉnh định dạng cho div tinnoibat

min-height: 300px;

Untitled Document

Washington sẵn sàng cho lễ nhậm chức

Thủ đô nước Mỹ đã chuẩn bị xong mọi thứ để lễ nhậm chức của vị tổng thống da màu đầu tiên trong lịch sử Barack Obama diễn ra ngày 20/1, trong đó trung tâm là tòa nhà Capitol.

0 comments:

Post a Comment