Button 3D cho công cụ soạn thảo

[hunghsmn]

Do có một bạn hỏi, mình đã chỉ, nhưng mình thấy cái này có thể nhiều bạn cần nên tách riêng ra thành một topis.

Để làm cho các button trên khung soạn thảo thành 3D và bo tròn góc, các bạn tìm trong CSS mục button.button2, input.button2 rồi thêm đoạn này vào:

Code:

border-top : 1px solid #008000;
border-right : 3px solid #0080C0;
border-bottom : 3px solid #0080C0;
border-left : 1px solid #008000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;


Ghi chú: sửa lại mã màu theo ý thích, code trên là màu xanh đậm

Tương tự như vậy các bạn có thể 3D cho những thứ khác theo ý thích

[hunghsmn]

Đây là toàn bộ khu vực soạn thảo của mình. Trên nguyên tắc code trên, các bạn tự sửa đổi theo ý thích. Để ý:
- Button khi rê chuột vào
- Cả khung soạn thảo cũng 3D và bo góc luôn.
- Chữ viết cách biên một khoảng.