网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
这是一个简单的css库,可以在网页上创建类似“Github上的Form Me”的角色带。
使用方法:
1.下载并在html页面中加载Ribbons.css样式表文件。
<link rel="stylesheet" href="ribbons.css" />
2.添加代码。
<a class="ribbon" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
3.使用以下CSS类确定功能区的位置:
ribbon-top-right
ribbon-bottom-left
ribbon-bottom-right
<a class="ribbon ribbon-top-right" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
<a class="ribbon ribbon-bottom-left" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
<a class="ribbon ribbon-bottom-right" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
4.自定义功能区大小
sm: small
md: middle
lg: large
<a class="ribbon ribbon-sm" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
<a class="ribbon ribbon-md" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
<a class="ribbon ribbon-lg" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
5.更改功能区主题
success
primary
<a class="ribbon ribbon-success" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
<a class="ribbon ribbon-primary" href="https://www.moyouyouw.cn">Fork me on www.moyouyouw.cn</a>
转载请注明来源:纯CSS仿Github角带/丝带样式代码
本文永久链接地址:https://www.moyouyouw.cn/code/732.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论