活字格中，如何设置更好看的按钮样式 CSS
本帖最后由 Simon.hu 于 2018-3-8 11:39 编辑在学习活字格模板的时候发现了很多有意思的CSS样式，基于活字格之前线上培训第七课的视频内容，我总结了一部分hover选择器CSS样式的设置。以便于我们做出更有意思，更好看的Web系统。
1.首先活字格设计器中必须要上传对应的css文件。具体css样式文件见附件。
2.打开网址：http://ianlunn.github.io/Hover/
这个网站中囊括了第1步上传的css文件中的所有样式。
3.如果发现了自己想要的css样式，可以在浏览器中按F12，或者右键选择审查（检查）元素。打开下图所示。
4.以Grow样式为例。如果我想在活字格某一个单元格运用该样式。点击“选取元素”按钮，选择对应的Grow元素。
5.选择Grow元素之后，获取该元素的类名（class=后的内容，此处类名为hvr-grow）。
6.复制类名，在活字格设计器中选择你需要设置css样式的单元格，将复制的类名添加到单元格设置下的CSS类名中。
7.至此，单元格的css样式就已经设置完成了，保存工程文件，运行便可查看效果。
收了，很不错，攒:hjyzw::hjyzw: 谢谢分享，解决页面部分效果问题了。赞！ 欢迎更多的同学分享自己的黑科技! :handshake:victory: 好的很，不错！ jackblues 发表于 2018-3-18 21:36
好的很，不错！
:jy74a: 不错不错~ hadwin 发表于 2018-6-26 11:00
不错不错~
:itwn: 很不错 豌豆琳 发表于 2018-7-16 11:45
很不错
:itwn:
页:
[1]
2