Làm thế nào để thêm mã Html Và khác: Blog của bạn. Làm thế nào để phong cách và Customize The Box Mã.
Hướng dẫn trước cho bạn biết cách tổng quát làm thế nào để thêm một mã số, ví dụ nhưHTML code. bài viết blogger.
Nhưng hôm nay chúng tôi sẽ thảo luận và tìm hiểu làm thế nào để làm cho bạn mã hộp trông tốt hơn và làm thế nào bạn có thể làm cho nó trông rất chuyên nghiệp.
Nếu bạn vẫn không hiểu, xin vui lòng bấm vào đây để xem một bản demo cho kết quả cuối cùng.
Một khi bạn thấy một trong những phù hợp của bạn, xin vui lòng sao chép mã của nó và tiếp tục đọc.
. Mã {
margin: 15px 35px 15px 15px;
padding: 10px;
rõ ràng: cả hai;
danh sách-style-type: none;
: # f9f9f9 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmnRmct5shVfDVsY3vDFOs-yvnCQ2eaN47X4XrK3rLKkjn7m0vWqUrk2CW-_Kw_S3-oznBoj8N97OeGPkAfH6A5je-vcqmYKb4BmDZTTU6bKrXOw1QUGAcrZaKW6yIRF_kD6H8D9q4dJML/s1600/codeview1.gif) không lặp lại dưới cùng bên phải;
biên giới: 2px solid # eeeeee;
7D7D7D
}
. Mã {
margin: 15px 15px 15px 15px;
padding: 40px 10px 10px 10px;
rõ ràng: cả hai;
danh sách-style-type: none;
background: # f9f9f9 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aFtg0j3piMsPjhOUTm7YmxbGghpGVZjdbEoB_qRIv2qHMLlV7Ikyi1tO1_xXODK8uiKfBsuYCBiTqtehJyaIWEIJx2mkAYcpfKBCN7qeqbzwkhXjIW3wm77x-F0yXnNgU67BWYFr30CK/s1600/codeview2.gif) không lặp lại trên bên trái;
biên giới: 3px rắn # eeeeee;
7D7D7D
}
. Mã {
margin: 0 20px;
padding: 70px 20px 20px 40px;
background: # F9F9F9 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwDhpq1l8XVLTBhNf0yGSngoW5DJ05wIFod-WnoHFLSsm3Cbtv5LFhJw8xaKV9Fgx8cZrKHdrUAJbGAWVRMJNw1kJrHhDztYHc1AvapoWpKVv1bZzC1gfZ-fUDeinfgUjHtPeJN6eXNZfl/s1600/codeview3.gif) không lặp lại trên bên trái;
font: Helvetica đậm 1em, Verdana, Georgia, "Times New Roman", Times, serif;
: # 000;
biên giới-bottom: 5px rắn # BFBFBF;
}
. Mã {
margin: 10px;
padding: 0px 25px 5px 20px;
background: # fff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0RsvHZoTgNFXtl6Zs7NmeJLBdceBgBAh7uRzUS643IBfXGdQjF6o5JxetqP4eCVvlcCmHevWcs-oJMGkKve3zF3TA3hsnfx16KGGxAeMsDHAdvZAjZhgG2I3TjfmZZXv4t5YurpJz7b2u/s1600/codesbg1.png) không lặp lại trên bên trái;
font: 0.9em Helvetica, Verdana, Georgia, "Times New Roman", Times, serif;
màu: # 767675;
biên giới: 1px solid # 767675;
}
]]></ B: skin>
Bây giờ và chuyển sang bước 3, Hoặc chỉ cần giữ đọc.
và đây là những gì mỗi giá trị chịu trách nhiệm về
Màu đỏ: Box chính nền.
Màu xanh lá cây: Màu chữ.
Màu xanh: Màu viền.
Nhưng sự khác biệt ở đây là bạn sẽ không dán mã được tạo ra trực tiếp trong bài viết của bạn, bạn cần phải đặt nó giữa các thẻ sau đây,
<div class="code">
Mã của bạn tạo ra nên thêm ở đây
</ Div>
Đăng nhận xét