Tên tài khoản:
Mật khẩu:
Đăng Nhập
<!DOCTYPE html> <html> <body> <style> .phdr{background:#51628d;color:#FFF;font-size:13px;margin-top:4px;padding:8px 5px} .phdr a{color:#ff0} .list3{background-color:#FFF;border-radius:5px;border:1px solid #dbdbe6;color:#000;margin:5px 0;padding:5px} .list4{background:#FFF;border:solid #e9e9e9;border-width:0 1px 1px;padding:2px} </style> <div class="phdr"> <b>Tiêu Đề</b> </div> <div class="list4"> <div class="list3"> » Chữ thường <br/><b><font color="green"> chữ màu xanh + chữ đậm</font></b> <br/><font color="red"><b> Chữ màu đỏ + chữ đậm</b></font> <br/><font color="black"><b><p style="text-transform:uppercase;"> Chữ màu đen + chữ đậm + chữ viết hoa</p></b></font> </div></div> </body> </html>
<div class="phdr"> <b>Tiêu Đề</b> </div> <div class="list4"> <div class="list3"> » Chữ thường <br/><b><font color="green"> chữ màu xanh + chữ đậm</font></b> <br/><font color="red"><b> Chữ màu đỏ + chữ đậm</b></font> <br/><font color="black"><b><p style="text-transform:uppercase;"> Chữ màu đen + chữ đậm + chữ viết hoa</p></b></font> </div></div>
<div class="phdr"> <b>Tiêu Đề</b> </div> <list4> <list3> » Chữ thường <bl1>chữ màu xanh + chữ đậm</bl1> <r> Chữ màu đỏ + chữ đậm</r> <bl> Chữ màu đen + chữ đậm + chữ viết hoa</bl> </list3></list4>
.phdr{ background:#51628d; color:#FFF; font-size:13px; margin-top:4px; padding:8px 5px }
.b {font-weight: 750} // mình sẽ thêm mấy định dạng chữ như i,s,u nữa font.green {color: green} // thay green bằng hex mong muốn .block {display: block; padding: 5px} .block.text-center {text-align: center}
<div class="mainblok"> <div class="phdr"> Tiêu đề mong muốn</div> <div class="main">Đây là chữ thường, sau đó là <font class="green b">chữ mầu xanh in đậm</font> kèm theo đó là <font class="red i">chữ mầu đỏ in nghiêng</font> ... và tất nhiên là không thể thiếu đó là <font class="block"> dòng chữ nằm một mình một hàng</font>. Ngoài ra mình còn có <font class="block text-center"> chữ một mình một hàng và nằm giữa</font>.</div></div>
.list { background-color: #FFF; border-radius: 5px; border: 1px solid #e9e9e9; color: #000; margin: 5px 0; border-width: 0 1px 1px; padding: 2px; }
list{display:block}
<div class="phdr"> <b>Tiêu Đề</b> </div> <list4> <list3> </list3> <list3> </list3> <list3> </list3> </list4>
<list3> » Chữ thường <bl1>chữ màu xanh + chữ đậm</bl1> <r> Chữ màu đỏ + chữ đậm</r> <bl> Chữ màu đen + chữ đậm + chữ viết hoa</bl> </list3>
list3 {display: block; border-bottom: 1px solid #bcbcbc}
Dorew