博客園是一個非常優秀的博客平臺,無論是寫作、閱讀還是交流都有很好的體驗。博客園提供了很多自定義的功能,包括修改博客的主題、頁面布局和代碼樣式等等。其中,代碼自定義 css 是一個非常好用的功能,可以讓我們的代碼更加好看、易讀。
在博客園中自定義代碼 css,我們需要先創建一個 css 文件。在博客管理頁面,點擊【設置】-【個性化】-【自定義css】,進入自定義 css 頁面。在頁面最下方,點擊【新建】按鈕,創建一個新的 css 文件。將 css 代碼粘貼到新建文件中,并保存。
pre { background-color: #282c34; color: #abb2bf; font-family: Menlo, Consolas, monospace; font-size: 14px; line-height: 1.5; overflow: auto; padding: 16px; }
這段 css 代碼會將博客園中的所有 code 標簽都設置為黑色背景、淺灰色字體、等寬字體,行高為 1.5 倍,并添加滾動條。在自定義代碼樣式時,我們可以根據自己的需要進行調整,比如修改字體大小、顏色、背景色等。
一旦我們自定義了代碼樣式,每次在博客中插入代碼時,只需要使用 code 標簽或 pre 標簽即可。比如:
這是一個代碼塊。
這是一個帶有多行的代碼塊。 print("Hello, world!") for i in range(10): print(i)
使用自定義的代碼樣式后,我們的博客代碼看起來更加整潔、美觀,也更加易讀。希望這篇文章對你有所幫助!
上一篇南方css包怎么找
下一篇mysql 獲取當前小時