Thiêt kế web

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Thiêt kế web

Bài gửi by Admin on Sat 11 Sep 2010, 9:59 am

Bạn mun tao bảng table trong html bằng CSS.
Đầu tiên bạn phải làm cho trang html phải lên kết với CSS
(Trong html)
<link rel="stylesheet" type="text/css" href="StypeTable.css" />
Trong CSS chỉ tạo dc table theo từng hàng thôi
VD hàng thứ 1
• trong html (mõi hàng đều nằm trong div)
tao table co 2 hang va 3 cot

<div class="Table-row"> //hang thu nhat
<div class="Link1"> //dat ten table
<p class="text">Link 1</p> //Nooij dungtrong Ô
</div>
<div class="Link1">
<p class="text">Link 2</p>
</div>
<div class="Link1">
<p class="text">Link 3</p>
</div>
</div>
//**********************
<div class="Table-row"> //hang thu hai
<div class="Link2"> //dat ten table
<p class="text">Link 4</p>
</div>
<div class="Link2">
<p class="text">Link 5</p>
</div>
<div class="Link2">
<p class="text">Link 6</p>
</div>
</div>
Trong CSS
DIV.Link1{
border-right:ridge #000333; border-right-width:thin; border-bottom:ridge #000333; border-bottom-width:thin; //Đóng khung cho ô
float:left; margin: 0; padding: 0; width: 33%; text-align:center ;
}
DIV.Link2{
border-bottom:ridge #000333; border-bottom-width:thin;
float:left; margin: 0; padding: 0; width: 9.2%; text-align:center ;
}


Admin
Thành viên mới
Thành viên mới

Tổng số bài gửi : 8
Join date : 26/08/2010
Age : 36
Đến từ : Thiên đàng

http://loplienthongcntt2010.forumstopic.com

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết