html prompt 样式,html – 类似Github的内联代码样式

工作副本：

http://jsfiddle.net/hdy44/3/

pre {

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 1px solid #BCBEC0;

background: #F1F3F5;

font:12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace

}

code {

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 1px solid #BCBEC0;

padding: 2px;

font:12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace

}

pre code {

border-radius: 0px;

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border: 0px;

padding: 2px;

font:12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace

}

您需要为与pre一起使用的代码标记创建CSS.然后覆盖边框半径和边框.