UMeditor是一款非常優秀的富文本編輯器，他提供了豐富的樣式和功能，讓用戶可以輕松地在一個文本框中進行復雜的排版和編輯工作。在UMeditor中，我們可以看到有一個umeditor.css文件，這個文件是用來設定UMeditor的樣式的。

. umeditor {
width: 100 % ;
height: 100 % ;
overflow: auto;
border: 1px solid# D9 D9 D9;
padding: 2px;
background-color: #fff;
font-size: 14px;
font-family: 'Microsoft Yahei', sans-serif;
line-height: 1.5;
}
. umeditor img {
max-width: 100 % ;
}
. umeditor .edui - body - container {
margin: 0;
padding: 10px;
min-height: 150px;
}
. umeditor .edui - toolbarbox {
border-bottom: 1px solid# D9 D9 D9;
margin-bottom: 10px;
background-color: # F8 F8 F8;
font-size: 0;
zoom: 1;
}
. umeditor .edui - toolbarbox li {
display: inline - block;
font-size: 14px;
vertical-align: middle;
* display: inline;
* zoom: 1;
margin-right: 10px;
}
. umeditor .edui - toolbarbox li a {
display: block;
height: 24px;
padding: 0 10px;
line-height: 24px;
color: # 333 ;
background-color: transparent;
text-decoration: none;
border: 1px solid transparent;
* border-color: transparent;
}
. umeditor .edui - toolbarbox li a:hover {
background-color: # EFEFEF;
color: # 333 ;
border-color: # CDCDCD;
}
. umeditor .edui - code - textarea {
width: 98 % ;
height: 340px;
margin: 0 auto;
border: 1px solid# D9 D9 D9;
padding: 10px;
box-sizing: border-box;
font-size: 14px;
font-family: 'Courier New', Courier, monospace;
}

在umeditor.css中，我們可以看到一些關鍵的樣式設定，如umeditor的整個樣式，umeditor中的圖片、工具欄、代碼框等都有對應的樣式設定。我們可以根據自己的需要進行添加和修改，來實現自己想要的樣式效果。