【jQuery】jQuery の アイコン を 表示する

■ サンプル

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/dark-hive/jquery-ui.css" rel="stylesheet" />
<script src="">http://www.google.com/jsapi">
<style>
a.ui-state-default {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
    font-size: 85%;
    cursor: pointer;
}
span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}
</style>
<a class="ui-state-default ui-corner-all">
<span class="ui-icon ui-icon-arrowthickstop-1-s"></span>Download
</a>
</body>
</html>


関連記事

アイコン を 表示する ~ Font Awesome

https://blogs.yahoo.co.jp/dk521123/35506135.html

アイコン を アニメーション表示する ~ Font Awesome Animation ~

https://blogs.yahoo.co.jp/dk521123/37675977.html

素材サイト

https://blogs.yahoo.co.jp/dk521123/35503975.html