為代碼上色,測試組態CSS的功能

來源:互聯網
上載者:User

實驗了自訂CSS的功能,代碼顯示效果果然比預設狀態下看著舒服多了。

參考《CnBlogs博文排版技巧》http://www.cnblogs.com/lyj/archive/2008/11/30/1344463.html

直接拷貝的CSS樣式,懶得修改了:

.code
{
    background: #fbedbb;
    border: #c0c0c0 1px solid;
    padding: 5px;
    margin: 0 40px 0 20px;
    font-family: Verdana,Helvetica, "微軟雅黑" , Arial, "宋體" , sans-serif;
}

配置方法是:“我的部落格/管理/設定/通過CSS定製介面”,將上述代碼粘貼進去,確定即可,如所示。然後在使用編輯狀態下的“插入代碼”功能,顯示效果就如設定一樣了。

這是預設狀態下“插入代碼”的效果

/***********************************
測試代碼顯示效果
***********************************/
#include <stdio.h>

#deifne M 100

typedef struct
{
int a;
long b;
}Mystruct;

int main()
{
int i;
i = 0;

return 0;
}
/***************END*****************/

使用自訂CSS後的顯示效果

/***********************************    測試代碼顯示效果***********************************/#include <stdio.h>#deifne M 100typedef struct{    int a;    long b;}Mystruct;int main(){    int i;    i = 0;    return 0;}/***************END*****************/

惟一的缺點就是在編輯時代碼顯示還是預設效果,只有發布後才能看到真實效果。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.