# Tutorial on Using the Tutor Special Topic

<div data-elink-language-switch="1" id="bkmrk-%E4%B8%AD%E6%96%87" style="border:1px solid #d6d9de;border-radius:6px;padding:10px 12px;margin:0 0 18px 0;background:#f8fafc;font-size:14px;">[中文](/books/8f855/page/44f68)</div><span style="font-size:14px;">The tutor special topic component offers two styles: horizontal and vertical. Each style supports four background colors and allows a maximum of 10 teachers to be added.</span>

<span style="font-size:14px;">● Style 1:</span>

![1.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/3643000_1612685783.png ".png")

<span style="font-size:14px;">● Style 2:</span>

![2.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/36685200_1612685783.png ".png")

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">The display effect on the PC website is as shown in the following figure:</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">![3.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/52226000_1612684299.png ".png")</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">![4.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/10859700_1612684300.png ".png")</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>