135编辑器互动样式大揭秘!还有隐藏小惊喜哟!

胖友们大家好呀，我是三儿

上周五我们推了一篇文章

一键测试你是几级漫威粉，这个样式简直是太神奇了！

大家对里面的答题样式很感兴趣

都在后台给三儿留言

怎么使用答题样式呢？

所以今天呢

三儿就给你们带来了答题样式大解析

文末还有惊喜福利哟！

互动答题样式

上期的文章中，大家最关心的还是如何修改答题样式，今天三儿就会一步一步的教你如何实现哦！
   

先来一道送分题

夺命三连来了

怎么样！是不是送命题

可是这种效果如何制作呢?

下面我们就来一起学习一下吧

超级简单哟！

教程开始！

一、在135编辑器左侧的搜索栏中搜索样式ID：【94906】，或者搜索【答题】就可以找到三儿使用的答题样式啦！

二、选择答题样式之后，我们点击上方的HTML代码编辑器功能，进入代码编辑器页面。

三、我们在代码编辑器中找到如图所示题目的位置，然后就可以进行修改问答的题目、选项以及点击后的互动了。

四、正确答案的颜色一般是绿色，颜色代码为：#2dca86。错误答案的颜色一般是红色，颜色代码为：#cb211b。

黑科技样式

说完了答题样式

我们还有另外一个黑科技样式

你知道是什么吗？

今天三儿讲代码停不下来了！

顺带给大家教一下这个样式如何使用吧

一、在编辑器中搜索【点击】或者直接搜索ID【88350】，就可以找到三儿使用的隐藏样式啦！

二、点击使用后，我们在编辑框中就可以进行修改了，隐藏样式内可以添加文字或图片。

三、添加内容后，我们也可以根据需要调整隐藏样式的高度。进入代码编辑器，在代码编辑器中找到【height】，将后面的数字修改为合适的高度就可以了。注意不要将后面的px删除哦！

怎么样，简单三步就学会了黑科技样式，是不是特别神奇，还等什么？赶紧去和小伙伴们炫耀起来吧！

好啦，以上就是本期教学的全部内容了

是不是很烧脑简单！

大家在修改代码的时候注意不要删错代码哦

不然的话三儿也救不了你了……

但是撤销这个操作可以救你！

福利时间

你还想看到三儿出什么教程呢？

欢迎给三儿留言哦

我们会在23号中午12点

选取评论点赞最多的前三位

送上135编辑器15天会员体验哦！

学会了，点这里！