<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CSS3自定义样式超链接按钮</title>
</head>
<body>
<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<div class="secs">
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_padding-bottom ai-element2">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_padding-bottom ai-element2">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_padding-bottom ai-element3">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_padding-bottom ai-element3">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_padding-all ai-element1">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_padding-all ai-element1">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_padding-all ai-element4">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_padding-all ai-element4">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_padding-all ai-element5">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_padding-all ai-element5">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_bg ai-element6">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_bg ai-element6">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_bg ai-element7">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_bg ai-element7">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_bg ai-element8">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_bg ai-element8">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
<div class="section">
<div class="section__item">
<div class="section__box">
<a href="#0" class="r-link ai-element ai-element_bg ai-element9">
<span class="ai-element__label">I'm a link</span>
</a>
</div>
<div class="section__box">
<button class="r-button ai-element ai-element_bg ai-element9">
<span class="ai-element__label">I'm a button</span>
</button>
</div>
</div>
</div>
</div>
</body>
</html>