Từ blog Việt
Code khung viền<fieldset style="border: 3px double #1e90df"><legend>tiêu đề</legend>nộj dung</fieldset>
<div style="border: 10px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px; width: 590px; overflow:auto;">Nội dung bài viết của bạn ở đây</div>
<div style="width:100%; background:url(XXXXX)"><table width="100%" border="2" cellspacing="5" cellpadding="10"><tr><td>Nội dung bài viết</td></tr></table></div> |
<center><div><table style="border: 2px solid #ff0000; width: 590px;" border="2" cellspacing="" cellpadding="0"><tbody><tr><td style="padding: 15px;"><center><div id="itechconnect"><span style="font-size: small; font-family: 'times new roman', times;">Nôi dung bài viết</span></div> </center></td></tr></tbody></table></div> <div><table style="border: 2px solid #ff0000; width: 590px;" border="2" cellspacing="" cellpadding="0"><tbody><tr><td style="padding: 15px;"><center><div id="itechconnect"><span style="font-size: small; font-family: 'times new roman', times;">Nôi dung bài viết</span></div> </center></td></tr></tbody></table></div> |
<center><div style="border:#4F4F4F 1px solid; padding: 4px; background:#eee; width:400px;">NỘI_DUNG </div></center>
<div><fieldset style="background-color: #aaecb4;"><center><strong>NộiDung </strong></center></fieldset></div>
#4F4F4F 1px solid // Lần lượt là: Mã màu - Độ dày đường viền - Loại đường viền.
- solid ______________
- dashed ----------------
- dotted ......................
background:#eee // Nền khung
width:400px // Bề rộng khung. Mặc định là sẽ rộng bằng khung bài viết (nếu bỏ lệnh này đi)
<table width="600" cellspacing="0" cellpadding="0" style="border:1px solid #000000"> <tr><td style="padding: 15px" background="link hình nền"> <font face="Tahoma,Times New Roman,Arial" size="2" color="#000"> Nội dung bài viết ghi ở đây </font></td></tr></table> |
<div><center><br /><table border="15" cellspacing="2" cellpadding="5" align="center"><tbody><tr><td><div><p style="text-align: center;"> </p><p style="text-align: center;"><span style="font-size: x-large; font-family: 'times new roman', times;">noi dung</span></p></div></td></tr></tbody></table></center></div> |
Lưu ýMột số kuung viền đẹp:
10px solid #009999;
10px outset #009999;
10px dashed #009999;
10px double #009999
10px groove #009999;
10px ridge #009999;
chỉ việt thay thế vào
<table width="500" style="border: 10px outset #009999;"><tr><td style="padding: 0px">noi dung</font></td></tr></table> |
<table width="500" style="border: 10px solid #009999;"><tr><td style="padding: 0px">noi dung</font></td></tr></table> |
<div><table width="500" style="border: 10px groove #009999;"><tr><td style="padding: 0px">noi dung</font></td></tr></table></div> |
<div><table width="500" style="border: 10px ridge #009999;"><tr><td style="padding: 0px">noi dung</font></td></tr></table></div> |
<div><table width="500" style="border: 10px double #009999;"><tr><td style="padding: 0px">noi dung</font></td></tr></table></div> |
<div style='border: 10px groove #009999; padding:4px;border-radius:40px; background: #EBDDE2;'>Nội dung bài viết </ div>
tiêu đề
<fieldset style="border: 10px double #009999; border-radius:40px; "><legend>tiêu đề</legend>nộj dung</fieldset>
<fieldset style="border: 10px double #009999; border-radius:40px; ">nộj dung</fieldset>
<div style="background-color: #FF6600;border-style:solid;border-width:2px;border-color: #B24700;margin:3px;padding:3px"><div style="background-color: #FEB380;border-style:solid;border-width:2px;border-color: #B24700;margin:3px;padding:3px" align="center">TEXT/IMAGE/LINK</div></div>
<div style="border-top: #B27D00 10px solid;border-left: #B27D00 10px solid; border-bottom: #FFB200 10px solid;border-right: #FFB200 10px solid;">TEXT/IMAGE/LINK</div>
<div><div style="background-color: #1919B3; padding:3px">
<div style="background-color: #FFE500; padding:3px">
<div style="background-color: #FF3300; padding:3px">
<div style="background-color: #FFFFFF; padding:3px">
<div style="background-color: #FF9900; padding:3px">
<div style="background-color: #FEE6BF; padding:20px">
Nội dung bài viết</div></div></div></div></div></div>