%
Giày Nam Da Bò Vân Cá Sấu
Giày
Thể Thao
%
Đồng hồ nam Casio G-shock GTS 8600 Original – Chống nước 20Bar Viền Thép, Nam tính
Đồng Hồ Thời Trang
G-Shock
%
Điện Thoại OPPO A95 4G, thiết kế năng động, mỏng nhẹ thời trang
Điện Thoại
Oppo
%
Sạc dự phòng 20000mAh sạc nhanh 18W QC3.0/PD mã ONC Flash Titan hiển thị LCD
Pin Sạc
Dự Phòng

CSS thẻ Div P.1

1. Canh giữa thẻ div kiểu 1 :
 
<style>
.box{
background:#333;
width:400px;
height:400px;
padding:10px;
color:#fff;
margin:0 auto;
position:relative;
}

.box img{
margin:auto;
position:absolute;
top:0; left:0; right:0; bottom:0;
}
</style>
<div class="box">
<img src="link hình" >
</div>

2. Canh giữa thẻ div kiểu 2 :

<style>
* {margin:0;padding:0}
#container {
border: 2px solid blue;
position: relative;
width: 400px;
height: 300px;
background: url(http://i2.wp.com/webfaver.com/wp-content/uploads/2015/07/square.png) no-repeat center center;
}
#box {
border: 2px solid red;
position: absolute;
width: 80px;
height: 160px;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
</style>
<div id="container">
<div id="box"></div>
</div>

3. Canh giữa thẻ div kiểu 3 :

<style>
#outer {
display: block;
/* border */
border: 1px solid red;
}
#inner {
margin: 0 auto;
/* border & width */
border: 1px solid #333
width: 100px;
}
</style>
<div id="outer" style="border: 1px solid red;">
<div id="inner" style="border: 1px solid #333; width: 100px">Inner</div>
</div>

MỤC LỤC: Nội dung bài viết
Sạc dự phòng tích hợp màn hình Led Dung Lượng 10000MAH

Xem sản phẩm,...

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>
Goghepthanh.com - Tel 0968 970 650 : Xưởng Gỗ Ghép Cao Su, Tràm Nhận Gia Công Ghép Các Loại Gỗ Nguyên Liệu
Mua Sắm Khắp Thế Giới