Khung chứa code cho Blogger (Blogspot) - Phần 2
css:
.post-body pre {
background: #eee;
color: #333;
padding: 5px;
max-width: 100%;
overflow: auto;
overflow-y: hidden;
}
.post-body code {
line-height: 2;
background: #333;
color: #55e439;
padding: 5px;
max-width: 100%;
overflow: auto;
overflow-y: hidden;
margin-top: 5px;
}
Để xuất hiện khung pre bạn viết như sau:
<pre> code pre... </pre>
<code> code... </code>
.post-body pre {
background: #eee;
color: #333;
padding: 5px;
max-width: 100%;
overflow: auto;
overflow-y: hidden;
}
.post-body code {
line-height: 2;
background: #333;
color: #55e439;
padding: 5px;
max-width: 100%;
overflow: auto;
overflow-y: hidden;
margin-top: 5px;
}
Để xuất hiện khung pre bạn viết như sau:
<pre> code pre... </pre>
code 1234567891717282828283939939392922929299229 38392929292929292929292929922929 2929292929292929292929292929292929Để xuất hiện khung code ta viết như sau:
<code> code... </code>
code... 161617828229922992929292929229
hdhsusisissisisisisisisisi
uissiissisisisisisisisisisisi