Ads Nhà Tài Trợ

Xưởng SX Ván Ghép, Thớt Gỗ Các Loại - Nam Trung JSC
%
Xe đạp địa hình MTB Txed Brave Boy 20 20 inch Size XXS
Xe Đạp
MTB
%
Xe đạp địa hình MTB Pacific AQUILA 2.0 27.5 inch
Xe Đạp
MTB
%
Xe đạp địa hình MTB Pacific OVERRIDE 5.0 27.5 inch
Xe Đạp
MTB
%
Xe đạp địa hình MTB Exotic 2658 4.0 AHHD 26 inch
Xe Đạp
MTB

Code Responsive Tables, template HTML Responsive đơn giản

1. Tạo bảng Responsive : 

<style>
#table {
overflow-x: auto;
}
h2 {
text-align: center;
}
/* Định dạng cho bảng dữ liệu*/
table {
margin: auto;
border-collapse: collapse;
border-spacing: 0;
width: 60%;
border: 1px solid #ddd;
}
/* Định dạng cho các cột*/
th, td {
border: none;
text-align: left;
padding: 8px;
}
/* Tạo thanh sroll ngang nếu chiều dài nội dung quá lớn*/
#table {
overflow-x: auto;
}
/* Thiết lập màu nền cho các ô*/
tr:nth-child(even){
background-color: #f2f2f2
}
</style>
<center>
<h2>Gia công xẻ sấy gỗ thông NewzeaLand , Chile, Brazil , Thông Mỹ... xẻ sấy gỗ thông ta theo kích thước yêu cầu</h2>
<p>Mô tả</p>
</ center>
<div id='table'>
<table>
<!-- tieu de-->
<tr>
<th><center><font color='green' size='3'>Thanh bào 2 mặt, 4 mặt (gỗ nguyên và thanh gỗ ghép)</font></center></th>
<th><center><font color='green' size='3'>Ván gỗ thông ghép thanh.</font></center></th>
<th><center><font color='green' size='3'>Mặt bàn gỗ Thông ta</font></center></th>
</tr>
<!-- ket thuc -->
<!-- cot 1 -->
<tr>
<td><center><a href='#'>Thanh gỗ thông Newzealand.</a></center></td>
<td><center><a href='#'>Ván gỗ thông Newzealand</a></center></td>
<td><center><a href='#'>Mặt bàn tròn 15 x D600mm</a></center></td>
</tr>
<!--ket thuc cot 1-->
<!--cot 2-->
<tr>
<td><center><a href='#'>Thanh gỗ thông Chile.</a></center></td>
<td><center><a href='#'>Ván gỗ thông Chile</a></center></td>
<td><center><a href='#'>Mặt bàn vuông 15 x 600 x 600mm</a></center></td>
</tr>
<!--ket thuc cot 2-->
<tr>
<td><center><a href='#'>Thanh gỗ thông Brazil.</a></center></td>
<td><center><a href='#'>Ván gỗ thông Brazil</a></center></td>
<td><center><a href='#'>Mặt bàn chữ nhật 15 x 600 x 1200mm </a></center></td>
</tr>
</table>
</div>
<!--ket thuc -->

2. Tạo template HTML responsive đơn giản 

<style>
* {
box-sizing:border-box;
}
.left {
background-color:none;
padding:20px;
float:left;
width:20%; /* The width is 20%, by default */
}
.main {
background-color:#f1f1f1;
padding:20px;
float:left;
width:60%; /* The width is 60%, by default */
}
.right {
background-color:none;
padding:20px;
float:left;
width:20%; /* The width is 20%, by default */
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
.left, .main, .right {
width:100%; /* The width is 100%, when the viewport is 800px or smaller */
}
}
</style>
<center><h1><font color='green'> GỖ THÔNG TRANG TRÍ VÀ SẢN XUẤT ĐỒ GỖ NỘI THẤT </font>
</h1>
</center>
<div class="left">
<p>Menu ben trai</p>
</div>
<div class="main">
<p>Noi dung chinh</p>
</div>
<div class="right">
<p>Menu ben phai</p>
</div>
CSS - HTML
Ivietpr.com Blog Cá Nhân, Nền Tảng Blogger, Giao Diện Fletro : Xây dựng và phát triển nội dung, theo số liệu phân tích trên cấu trúc content của nhật ký trực tuyến digitalnomad.vn [ Blog Chạy Thử Nghiệm Đa Cấu Trúc ]

Bạn có thể thích những bài đăng này

  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>
  3. To insert a picture use <i rel="image">url_image_here</i>





💰

Top Sản Phẩm Công Nghệ / Thiết Bị Điện Gia Dụng /,...
Về Trang Chủ
Điện Thoại Hỗ Trợ Làm Việc Từ Xa, Du Lịch, Chụp Ảnh,... Thiết bị công nghệ không thể dành cho Workcation, TELEWORK, WFH , người làm nghề MMO, KOC / Streamer và những người biên tập, sáng tạo nội dung Video, dân Viết Blog Kiếm Tiền Từ affiliate marketing , bổ sung và làm đa dạng nguồn tài chính cá nhân, kiếm thêm Thu Nhập Thụ Động,...

Xem Giá Bán

Lap Top thiết kế sang chảnh, sáng tạo kết hợp từ chiếc máy tính bảng và chiếc laptop gaming đi kèm những trang bị công nghệ tân tiến nhất, laptop Asus Gaming ROG Flow Z13 GZ301Z i7 12700H (LD110W), siêu phẩm hỗ trợ làm việc, học tập online, đem đến cho bạn những giây phút trải nghiệm giải trí cực đỉnh cùng laptop CPU thế hệ 12 mới nhất.

Xem Giá Bán

Flagship hiệu năng cực khủng, trang bị những công nghệ tiên tiến nâng chất lượng chụp ảnh lên một tầm cao mới, chiếc điện thoại thông minh không thể thiếu dành cho dân Workcation, TELEWORK, WFH,... những du mục số thời hiện đại, dân xê dịch thích kiếm tiền từ du lịch.

Xem Giá Bán

Điện Thoại Thông Minh kháng nước thế hệ mới, hiệu năng cực đỉnh, camera sắc nét cùng viên pin cực khủng bên trong, hứa hẹn mang đến trải nghiệm cực kỳ đáng giá, thiết bị công nghệ không thể thiếu dành cho dân Workcation, TELEWORK, WFH,... những du mục số thời hiện đại, dân xê dịch thích kiếm tiền từ du lịch.

Xem Giá Bán

Laptop mỏng nhẹ, kết hợp giữa chiếc máy tính bảng và máy tính xách tay tạo nên diện mạo thời thượng, năng động kết hợp hiệu năng mạnh mẽ vượt trội, người đồng hành cùng bạn trên mọi hành trình.

Xem Giá Bán

Laptop sang trọng, mỏng nhẹ, công nghệ 2 màn hình cảm ứng, thuận tiện trong công việc, thiết bị giải trí cực đỉnh, xử lý đồ họa mượt mà,....

Xem Giá Bán