Thứ Năm, 5 tháng 6, 2014

Tùy biến khung góc cong kiểu -radius: (***)

Tùy biến với 4 góc radius border bao quanh -radius: 7px; và padding: 2px;

abc





-------------------------------------------------------------------
Tùy biến với 4 góc radius border bao quanh -radius: 10px; và  padding: 10px;

abc





-------------------------------------------------------------------


<table align="center" border="0" mode="transparent" style="height: 85px; line-height: 20px; width: 700px;"><tbody>
<tr><td valign="top"><div class="yeuhanoi" style="background-color: #00ae00; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px float: center; padding: 10px;">
<div class="text-area" style="background-color: #d5d500; border: 0px; margin: 0px; outline: 0px; padding: 1px 1px 1px 1px; vertical-align: baseline; width: 690px;">
<div class="blog-pager" id="blog-pager" style="background-color: #ecec00; font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 14pt; margin: 2px 2px; overflow: hidden; text-align: center;">
<div class="MsoNormal" style="margin: 0cm; text-align: justify;">
<div class="MsoNormal" style="margin-top: 0pt; text-indent: 0pt;">
abc</div>
</div>
</div>
</div>
</div>
</td></tr>
</tbody></table>

<table align="center" border="0" mode="transparent" style="height: 85px; line-height: 20px; width: 700px;"><tbody>
<tr><td valign="top"><div class="yeuhanoi" style="background-color: #00ae00; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px float: center; padding: 15px;">

<div class="text-area" style="background-color: #d5d500; border: 0px; margin: 0px; outline: 0px; padding: 1px 1px 1px 1px; vertical-align: baseline; width: 690px;">
<div class="blog-pager" id="blog-pager" style="background-color: #ecec00; font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 14pt; margin: 5px 5px; overflow: hidden; text-align: center;">
<div class="MsoNormal" style="margin: 0cm; text-align: justify;">
<div class="MsoNormal" style="margin-top: 0pt; text-indent: 0pt;">
abc</div>
</div>
</div>
</div>
</div>
</td></tr>

</tbody></table>



Các thông số tùy biến:

Màu viền cong #00ae00
Màu vùng đệm:
 #d5d500
Màu nền nhập liệu: 
#êcc00
border: 
1px ;padding: 15px (độ to bản khung cong ngoài)

margin: 5px 5px (độ to bản khung vuông trong)







Không có nhận xét nào:

Đăng nhận xét