web前端|html教程
Hexo博客主题NexT使用自定义的CSS样式
web前端-html教程
原文地址 http://magicer.xyz//10/hexo-custom-style/
微信端 源码,vscode 过滤.o文件,git ubuntu教程,tomcat如何运行项目,爬虫NBSP,php mysqli封装,白帽seo赚钱吗,目前sns网站,制作微信网站模板下载lzw
今天，创建自己的about页面的时候，像使用自定义的css样式，就像这是不是NexT可以使用自定义的CSS样式，片尝试了一下，还是可以的，因为markdown支持html标签，使用自定义的CSS样式还是不错的。下面总结一下具体的使用过程：
需要我帮你百度么源码,vscode输入美化效果插件,ubuntu+jkd,怎么搭建tomcat环境,爬虫python网站,php 二维数组交集,山东seo优化联系方式,php手机网站后台源码,电脑公司模板lzw
添加样式支持
跟随指定窗口源码,vscode设置常用代码,介质安装ubuntu,tomcat部署集群,安卓sqlite修改数据,兰花土里白色爬虫是什么虫子,php 正则获取图片,高要seo优化推广软件,在线网站端口服务扫描,网页浮动按钮,华为商城模板下载软件lzw
为了不吧原先的像是文件搞得太乱，这里，添加子集的样式文件。
首先，在样式文件的source文件夹下找到css文件夹，打开main.styl文件，在最后添加：
//My Layer //-------------------------------------------------- @import "_my/mycss";
新建自定义样式
找到样式文件夹css 新建_my文件夹，在其中新建mycss.styl文件，之后就可以按照stylus的格式自定义样式了。
例子
例如：我想在文章中添加个自定义样式的按钮，怎么做呢？？？
打开新建的mycss.styl文件，在其中添加样式：
.myButton { background-color:#0f94bd; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; padding:11px 27px; text-decoration:none; text-shadow:0px 1px 0px #2f6627;}.myButton:hover { background-color:#5cbf2a;}.myButton:active { position:relative; top:1px;}
引用：在想要引用的时候添加
MyButton
样式如下：
MyButton
由于这里不是Hexo环境所以效果显示不出来 可以转到原文地址查看效果
效果已经出来了，怎么样？？是不是瞬间高大上。。有想要使用的样式，自行百度，找到后粘贴即可使用。
推荐
推荐一个css button样式的生成网站：/| 696768c32f47e6bd76c608d3a5aeda4f10 |
