Thành viên:Đức Anh/Nháp 71
Giao diện
.main-box {
position: relative;
margin: 1.2rem auto;
padding: 1rem 2rem;
width: 45%;
min-height:150px;
height:300px;
color: #fff;
font-family: serif;
font-size: 1.4rem;
background-color: rgba(206,89,121,0.85);
box-shadow: 0 2px 5px #c5c5c5;
float: left;
}
.main-box::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Rosa_Borbonica.jpg/1024px-Rosa_Borbonica.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.main-box *::selection {
background: rgba(236,236,236,0.35);
}
.main-box a {
color: #ffff76;
}
.main-box a:active,
.main-box a:focus {
background-color: rgba(255,207,98,0.5);
color: #fff;
}
/*main-box 2*/
.main-box2 {
position: relative;
margin: 1.2rem auto;
padding: 1rem 2rem;
width: 45%;
min-height:70px;
height:140px;
color: #fff;
font-family: serif;
font-size: 1.4rem;
background-color: rgba(206,89,121,0.85);
box-shadow: 0 2px 5px #c5c5c5;
float: left;
}
.main-box2::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Rosa_Borbonica.jpg/1024px-Rosa_Borbonica.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.main-box2 *::selection {
background: rgba(236,236,236,0.35);
}
.main-box2 a {
color: #ffff76;
}
.main-box2 a:active,
.main-box2 a:focus {
background-color: rgba(255,207,98,0.5);
color: #fff;
}