Trang

Thứ Sáu, 27 tháng 6, 2014

Chia cột bằng HTML và CSS

Trong thiết kế web, việc chia cột thật sự cần thiết, nó giúp phân ra các nội dung khác nhau, dể nhìn và dể tìm kiếm.

Chia cột có nhiều cách, bạn có thể dùng Table hay các thể <div> để chia cột.

Trong bài viết bày, mình chia cột bằng thể <div>.

Mình có đoạn HTML và CSS sau để chia cột :

<html>
<head>
<meta charset='utf-8'>
<style>
.left{
background:green;
width:200px;
float:left;
margin:10px;
}
.right{
background:yellow;
width:200px;
float:left;
margin:10px;
}
</style>
</head>
<body>
<div class="left">
<p>nội dung bên trái</p>
</div>

<div class="right">
<p>nội dung bên phải</p>
</div>
</body>
</html>

Kết quả :

nội dung bên trái
nội dung bên phải

Không có nhận xét nào:

Đăng nhận xét