要使用CSS设置代码块区域的样式,需要使用到以下几个关键词和属性:
pre
标签:表示预格式化的文本,通常用于显示代码块。code
标签:表示代码块中的文本。background-color
属性:设置代码块的背景颜色。color
属性:设置代码块中文本的颜色。font-size
属性:设置代码块中文本的字体大小。padding
属性:设置代码块内容与边框之间的空白区域大小。下面是一个示例CSS代码,可以设置代码块的背景颜色为淡灰色,文本颜色为黑色,字体大小为14px,内边距为10px:
pre {
background-color: #f5f5f5;
color: #000;
font-size: 14px;
padding: 10px;
}
code {
color: #000;
}
可以根据需要修改这些属性的值,以达到想要的样式效果。