Css
/* Khung code */
pre {
background: #2d2d2d; /* xám đen */
color: #f8f8f2; /* chữ sáng */
padding: 16px;
border-radius: 10px;
overflow-x: auto;
margin: 20px 0;
border: 1px solid #444;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
/* Code bên trong */
pre code {
font-family: "Fira Code", "JetBrains Mono", Consolas, monospace;
font-size: 14px;
line-height: 1.6;
display: block;
}
/* Inline code */
code {
background: #3a3a3a;
color: #ffcc66;
padding: 2px 6px;
border-radius: 5px;
}
/* Hover nhẹ */
code:hover {
background: #4a4a4a;
}
/* Scrollbar đẹp */
pre::-webkit-scrollbar {
height: 8px;
}
pre::-webkit-scrollbar-thumb {
background: #666;
border-radius: 4px;
}
Html
<pre><code>
print("Hello World")
</code></pre>
Chủ đề:
Blogspot
