2022年11月8日火曜日

Bootstrapでダウンロードボタンを作る

Bootstrap

とりあえず上の様な感じに
(JetThemeでもBootstrapが使われているので、特にCSSの用意の必要がなくボタンを作成できます。)

コード

<a href="#">
<button type="button" class="btn text-white" style="background-color: #3ddc84;"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 48 48"><path d="M11 40q-1.2 0-2.1-.9Q8 38.2 8 37v-7.15h3V37h26v-7.15h3V37q0 1.2-.9 2.1-.9.9-2.1.9Zm13-7.65-9.65-9.65 2.15-2.15 6 6V8h3v18.55l6-6 2.15 2.15Z" fill="#fff"/></svg> Download</button>
</a>

ダウンロードのSVGアイコンはここでは Google Material icons を使用しています

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."