通过CSS控制把网页上的代码美化

 这个问题困扰了我很久,由于时间的问题,一直没解决。今天利用CSS代码把这些代码进行了一些简单的美化。效果好看多了。

 


以下是美化用到的CSS代码:

 

  1. /* 代码高亮 */ 
  2. pre{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-seriffont-size:14pxwidth:92%overflow:automargin:0 0 1em 0background:#423E3E;border-radius: 10px 10px; } 
  3. pre ol, pre ol li, pre ol li span{margin:0 0padding:0border:none
  4. pre a, pre a:hover{background:noneborder:nonepadding:0margin:0
  5. pre ol{list-style:decimalbackground:#423E3Emargin:0px 0px 1px 3em !importantpadding:5px 0color:#5C5C5Cborder-left:2px solid #146B00;} 
  6. pre ol li{list-style:decimal-leading-zerolist-style-position:outside !importantcolor:#5C5C5Cpadding:0 3px 0 10px !importantmargin:0 !importantline-height:1.3em
  7. pre ol li.alt{color:inherit} 
  8. pre ol li span{color:#E5E0E0background-color:inherit} 
  9. pre .comment, pre .comments{color:#008200background-color:inherit} 
  10. pre .string{color:bluebackground-color:inherit} 
  11. pre .keyword{color:#069font-weight:boldbackground-color:inherit} 
  12. pre .preprocessor{color:graybackground-color:inherit} 
  13. pre .dp-xml .cdata{color:#ff1493
  14. pre .dp-xml .tag, pre .dp-xml .tag-name{color:#069font-weight:bold
  15. pre .dp-xml .attribute{color:red
  16. pre .dp-xml .attribute-value{color:#1169AD
  17. pre .dp-sql .func{color:#ff1493
  18. pre .dp-sql .op{color:#808080
  19. pre .dp-rb .symbol{color:#a70
  20. pre .dp-rb .variable{color:#a70font-weight:bold
  21. pre .dp-py .builtins{color:#ff1493
  22. pre .dp-py .magicmethods{color:#808080
  23. pre .dp-py .exceptions{color:brown} 
  24. pre .dp-py .types{color:brown; font-style:italic
  25. pre .dp-py .commonlibs{color:#8A2BE2font-style:italic
  26. pre .dp-j .annotation{color:#646464
  27. pre .dp-j .number{color:#C00000
  28. pre .dp-delphi .number{color:blue
  29. pre .dp-delphi .directive{color:#008284
  30. pre .dp-delphi .vars{color:#000
  31. pre .dp-css .value{color:black
  32. pre .dp-css .important{color:red
  33. pre .dp-c .vars{color:#d00
  34. pre .dp-cpp .datatypes{color:#2E8B57font-weight:bold