---
# System prepended metadata

title: 利用CSS變更自己想要的外觀

---

---
title: 利用CSS變更自己想要的外觀
---
:::warning
余全燁你要的置中在這裡
:::

# 步驟 
1. 打開雙頁編輯模式，按下F12進到開發工具檢視頁面
2. 在底下會有 Style 的介面，或者把檢視介面範圍拉大一點他就會跑到右半邊
3. 在檢視介面的最左上角會有一個有滑鼠圖案的...圖案，按下去，把滑鼠移到你想改變MD外觀的任何地方，典擊後即可發現該區段的HTML程式碼位置
4. 此時搭配[這個](https://gist.github.com/IanChen83/00222a2eb4c277b390b450b51b80d2c3)或[這個](https://hackmd.io/theme-dark?both)，去找到該程式碼區段對應的 class ，在那兩個網頁所提供的何者父 class 底下，並如下面範例做更改

>[name=蘇雋勛]改天有空再把教學打詳細一點
>想知道更細的就直接問我
>雖然你們應該不會想要知道...


<style >
  
    .markdown-body h1{
        text-align: center;
        color:#00AA88;
        font-family:Monospace;
        background-color:rgba(0, 255, 255, 0.36);
        padding:0.2em
        
    }    
    .markdown-body mark,
    .markdown-body tt {
    font-weight:600;
    background-color: rgba(20, 230, 230, 0.36);
}
</style>

# Test

這是一段<span style="color:red">文字</span>

這是更改後的==螢光筆==