ふかふか交易所 - ネットコンテンツから日々のお役立ち情報まで

ふかふか交易所 | ネットコンテンツや日々のお役立ち情報まで
RSSを購読する
follow us in feedly
トップ ゲーム 動画 HP・ブログ お金・クレカ お問い合わせ サイトマップ ページ下部へ

HP・ブログカテゴリ 新着記事

HP・ブログカテゴリ 新着記事

サイト内検索

総合ランキング

ホーム > HP・ブログカテゴリー No.21 ~ No.30 > 記事No.21

吹き出しを作るためのCSSが簡単に生成できるおすすめサイト

← 前の記事

次の記事 →

hukidashi

ホームページやブログでよく見られる"吹き出し"を、画像を使用せずにCSSのみで作りだす際に役に立つサイトさんをご紹介します!


↓ ちなみにこのような感じの"吹き出し"が簡単に生成できます


CSS

ARROW

PLEASE

cssarrowplease.comへのアクセス

http://cssarrowplease.com/

上記の"cssarrowplease.com"さんのサイトにアクセスしてください。

アクセスすると以下のような画面が出てくると思います。

このサイトの数値をいじることで、吹き出しを自由にカスタマイズできます。

以下、パラメータの説明

① Position:吹き出しの三角の上下左右の位置を決定します

② Size:三角形の大きさをピクセルで指定

  Color:吹き出し内の背景色を指定

  Border width:縁枠の太さを指定

  Border color:縁枠の色を指定

③ 吹き出しのカスタマイズの完了後、この枠内に表示されているCSSをコピーして、class属性を適用することで 吹き出しを生成することができます。


その他

ちなみにCSSの以下の枠線で囲った部分で、吹き出しの三角形の位置を指定することができます。

また、以前の記事で紹介したCSS生成サイトも利用することで丸みとグラデーションを帯びた吹き出しを作ることもできるので、 是非色々とカスタマイズしてみてください!

要素に影やグラデーション・角の丸みを適用するCSSを生成してくれるおすすめサイト


この記事を読んだ人はコチラも見ています

HP・ブログ関連の人気記事

関連記事はこちら


  ■ 一言コメントをどうぞ!(100字まで)


総合ランキング

HP・ブログ関連カテゴリの人気記事

ご意見や質問などは気軽にメッセージフォームへ!


hp_blog_top
HP・ブログ制作ノウハウまとめ
movie_top
動画制作ノウハウまとめ
money_top
お金・クレカ記事まとめ
minecraft_top
マインクラフト記事まとめ

当サイトについて  月極広告の募集

©Copyright fukafuka295.jp 2016 All rights reserved.

トップ ゲーム 動画 HP・ブログ お金・クレカ お問い合わせ サイトマップ ページ上部へ