首先這里我們是需要你新建一個HTML文檔的，這里我們直接打開工具，之后選擇新建HTML即可

建立完畢之后這里我們使用快捷鍵，Shift+F11隨后我們就可以看到CSS面板如下圖中所示，在面板中用鼠標右擊之后選擇里面的“新建”之后會彈出新建CSS規則表格

將選擇類型設置~為類，名稱設置為~測試，定義在~僅對該文檔，點擊“確定”

隨后彈出圖下中所示的測試CSS規則定義

在css定義框中我們是可以看到。類型背景區塊方框邊框列表定位擴展。在類型框中將字體大小，樣式、行高等進行設置

隨后是個背景的設置，這里我們是可以設置背景顏色和背景圖像的這里還可以設置區塊模式定位，列表等都是可以通過自己的設置而變得美化的，這里我就不一一介紹了

設置完畢，輸入內容我們就可以看到我們設置的結果

當然了，這里我們是可以點擊代碼模塊的，這里我們是可以看到我們代碼部位的設置的，如果你覺得輸入代碼太過于繁瑣的話，這個方式是可以值得一試的。