ads Blog content marketing Digitalnomad.vn Hợp tác marketing

Tổng hợp mẫu code CSS đơn giản P.1

Mẫu Code CSS đơn giản :
1. Đoạn code CSS chia 2 cột :
<style>
/* SECTIONS */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/* GRID OF TWO */
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
}
@media only screen and (max-width: 480px) {
.span_2_of_2, .span_1_of_2 { width: 100%; }
}
</style>

Ứng dụng đoạn code CSS số 1 vào thẻ Div bên dưới : 

<div class="section group">
<div class="col span_1_of_2">
Đây là cột số 1
</div>
<div class="col span_1_of_2">
Đây là cột số 2
</div>
</div>

Sẽ cho ra kết quả như sau : 


Đây là cột số 1
Đây là cột số 2
Bài viết liên quan đến nội dung HTML :
Bài Viết Ngẫu Nhiên

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>
Xưởng sản xuất gỗ ghép cao su / gỗ ghép thông / thớt gỗ / xưởng may rèm cửa
Quảng cáo Ads2
Quảng cáo Ads3

1 Phút dành cho quảng cáo 2

NCC thớt gỗ, ván ghép, mdf
Tắt Ads

Xem Page Nhà Tài Trợ Click here

Tắt Ads

Máy Ép Chậm
Nồi chiên không dầu
Điện Thoại
LapTop Giá Rẻ
Máy xay sinh tố
1368.com.vn