Code viền

 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>

Code

 

<td width="100" align="center">

<div style="background-color: Red; margin:0px;padding:3px">

<div style="border:2px solid #8B814C">

<div style="border:1px solid #CDBE70">

<div style="border:1px solid #EEDC82">

<div style="border:1px solid #FFEC8B">

<div style="border:1px solid #FFF68F">

<div style="border:1px solid #FFEC8B">

<div style="border:1px solid #EEDC82">

<div style="border:1px solid #CDBE70">

<div style="border:2px solid #8B814C"><font></table>

<div style="background: linear-gradient(90deg, #d81b60, #8e24aa, #3949ab, #1e88e5, #00897b, #43a047, #fdd835, #ff6f00, #e53935); margin:2px;padding:0px"align="center" >

<div style="border:transparent 2px solid;">

<div style="border:#229622 2px dashed;">

<div style="border:#22a622 2px solid;">

<div style="border:#00ff00 1px solid;">

<div style="border:#22a622 2px solid;">

<div style="border:#229622 2px dashed;">

 <div><img src="http://i110.photobucket.com/albums/n90/thongtruong/web/cophatgiao.gif " alt="" width="20" height="n" />

<td width="0%" align="center">

<font color='Lime' face='Arial' size='4'><b>Chúc mừng ngày mới. 

<script type="text/javascript">

var mydate=new Date()

var year=mydate.getYear()

if (year < 1000)

year+=1900

var day=mydate.getDay()

var month=mydate.getMonth()

var daym=mydate.getDate()

if (daym<10)

daym="0"+daym

var dayarray=new Array("Hôm nay: Chủ nhật","Hôm nay: Thứ hai","Hôm nay: Thứ ba","Hôm nay: Thứ tư","Hôm nay: Thứ năm","Hôm nay: Thứ sáu","Hôm nay: Thứ bảy")

var montharray=new Array("01","02","03","04","05","06","07","08","09","10","11","12")

document.write("<font color='Lime' face='Arial' size='4'><b>"+dayarray[day]+", ngày "+daym+" tháng "+montharray[month]+" năm "+year+"<\/b><\/font>")

</script>

.<img src="http://i110.photobucket.com/albums/n90/thongtruong/web/cophatgiao.gif " alt="" width="20" height="n" />

</b></font></td></table></div></div>

</div> </div>