“選擇題”樣式（換色）教程（svg））
“選擇題”樣式（換色）教程
今天來135編輯器講一下最近朋友們使用比較頻繁的“選擇題”樣式換色教程。
兩點(diǎn)說明一下：①ABCD是可以點(diǎn)的，SVG樣式，可以點(diǎn)擊變色；②ABCD的顏色是可以更換的，在HTML模式可換點(diǎn)擊后顯示的顏色。
|| 可以點(diǎn)擊體驗一下選擇題樣式 ||
樣式中心已上三款選擇題樣式，胖友們可以根據(jù)下面的ID或者標(biāo)簽進(jìn)行檢索收藏使用。
1
ID:91494,選擇題 SVG
2
ID:91492,選擇題 SVG
3
ID:91493,選擇題 SVG
下面教教大家，如何修改并使用這些樣式
1、如何加長第一個選擇題樣式？
方法一：復(fù)制Ctrl+C同樣式中內(nèi)容，粘貼Ctrl+V，然后再對細(xì)節(jié)修改
方法二：添加單個選擇題樣式，然后再對細(xì)節(jié)修改
2、如何修改第一個和第二個選擇題樣式的ABCD顏色？
點(diǎn)擊 HTML 鍵進(jìn)入html編輯模式
ABCD四個選項每個字母在HTML中會出現(xiàn)兩次，在第二處出現(xiàn)的代碼上方將f00改寫成0f0，此時，點(diǎn)擊后顯示紅色將變成綠色。
<text x="50%" y="22" height="30" style="color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;" font-size="16" fill="#333">
A
</text>
</g>
<g style="opacity:0;">
<text x="50%" y="22" height="30" style="color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;" font-size="16" fill="#f00">
A
</text>
3、如何修改一樣式的“點(diǎn)擊查看正確答案”？
首先這是一個點(diǎn)擊顯示的樣式，內(nèi)容修改需在HTML模式進(jìn)行。然后直接修改紅色內(nèi)容就可以。（ ；是空格的代碼）
<text x="10" y="25" height="30">
1. A
</text>
<text x="10" y="50" height="30">
2. D
</text>
<text x="10" y="75" height="30">
3. C
</text>
如果需要添加新的一行，直接復(fù)制<text ......</text>這段代碼，添加在后面，并將y的數(shù)值+25即可。
4、如何修改三樣式點(diǎn)擊顯示的顏色？
同樣在HTML中修改，在每個選項的前面，找到下面這段代碼
<circle fill="#fff" stroke="#231815" stroke-width="2" cx="14" cy="14" r="8"></circle>
</g>
<g style="opacity:0;">
<circle fill="#0f0" stroke="#231815" stroke-width="2" cx="14" cy="14" r="8"></circle>
將0f0換成f00，此時，點(diǎn)擊后顯示綠色將變成紅色。
此樣式可以作為判斷題樣式來使用。
樣式使用示例
一、單選題：本大題共1小題，每小題2分，共2分，每小題給出的四個選項中，只有一個是正確的，直接點(diǎn)擊選項，完成作答
1.關(guān)于135編輯器，說法錯誤的是？
盡量使用非IE核瀏覽器
升級瀏覽器最新Flash插件
可以使用系統(tǒng)自帶IE瀏覽器
推薦360安全、獵豹、谷歌瀏覽器
二、多選題：本大題共1小題，每小題2分，共2分，每小題給出的四個選項中，至少有一個是正確的，直接點(diǎn)擊選項，完成作答
2.關(guān)于135編輯器，說法正確的是？
一鍵排版可以快速完成排版工作
模板定制有利于打造公眾號風(fēng)格
135編輯器無法定時群發(fā)
同步功能可減少排版出現(xiàn)錯誤
三、判斷題：本大題共1小題，每小題2分，共2分，每小題給出的兩個選項中，只有一個是正確的，直接點(diǎn)擊選項，完成作答
3.公眾號授權(quán)135編輯器可以使用“同步”功能
對的
錯的
本文首發(fā)樣式由135編輯器原創(chuàng)設(shè)計，已申請軟著保護(hù)，禁止任何編輯器、編輯插件以任何形式洗稿、抄襲。歡迎企業(yè)、個人在135編輯器樣式中心收藏使用。
點(diǎn)擊邀請鏈接：http://youmiaifaone.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135編輯器了哦，偷偷告訴大家（點(diǎn)擊該鏈接，還可以獲得7天VIP會員哦，一般人我不告訴，哈哈哈哈）
當(dāng)然，你也可以自己加入。網(wǎng)址在這里：http://youmiaifaone.com/效果是一樣的。通過我的邀請加入135編輯器，相當(dāng)于是對我的一種幫助和鼓勵。我自己會因為你們的支持而獲得會員權(quán)限，可以享受會員的所有權(quán)益，像是新樣式可以免費(fèi)使用，圖片保存數(shù)量從100提升到1000，個人模板從3個提升到無限制，云端草稿和恢復(fù)歷史版本可以無限次使用，文本校對從3次升到100次等等，所以還勞煩大家?guī)蛡€忙。
立即登錄
- 知乎熱議：微信公眾號如何快速漲粉？
- 0基礎(chǔ)運(yùn)營小白學(xué)習(xí)什么新媒體課程比較好？
- 新媒體，自媒體新人必學(xué)的課程有哪些？
- 不懂就問：新媒體運(yùn)營應(yīng)該怎樣學(xué)習(xí)？
