Một số kiểu viền khung nội dung trong bài viết

Example1:
Viền khung một nội dung trong bài viết như thế này
Code1:
<div style="background: #ffffff; border: #4F4F4F 1px solid; padding: 4px; width: 576px;">
Nội dung bài viết</div>
Ghi chú:
border:#1F1F1F 1px solid  Màu, độ dày và loại đường viền (solid ___; dashed ---; dotted ...)
padding: 4px Nội dung sẽ cách lề trên và dưới 4px
background:#FFFFFF  Màu nền của khung
width:576px Chiều rộng khung, nếu bỏ lệnh này thì mặc định sẽ là rộng bài viết

Example2:

Code2:
<textarea cols="80" name="MyTextBox" rows="3" style="background: #ffffff; border: 1px #A0C4EA dashed; color: #464646;" wrap="on">Nội dung bài viết</textarea>

Example3:
Code3:
<form name="MyTextBoxForm">
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select all" /><textarea cols="80" name="MyTextBox" rows="3" style="background: #ffffff; border: 1px #A0C4EA dashed; color: #464646;" wrap="on">Nội dung bài viết (nếu khung này dùng để viết code thì cũng không cần mã hóa)</textarea></form>
Ghi chú:
cols="80" Chiều rộng khung chứa code
rows="3" Số dòng trong khung chứa code
wrap="on" Ngắt xuống dòng trong đoạn dài quá khung, có thanh trượt kéo xuống
wrap="off" Không ngắt dòng trong đoạn dài quá khung, có thanh kéo ngang.

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