纯CSS仿Github角带/丝带样式代码

演示  website 下载

这是一个简单的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>

会员登陆后即可下载资源文件。更多好用网站特效插件，请关注帝国模板之家。