クルーデザイン

Webの勉強をしよう!Web制作の技術やサービス情報を発信します。

「 HTML 」 一覧

CSS 画像の上に文字を重ねて表示させる(サンプル付き)

2018/04/28   -CSS, HTML

今回は画像の上に文字やタイトルを重ねて表示してみましょう! 少しオシャレで良い感じですよね。   こんな仕組みのものを作ります 画像をきっちりと囲む領域を作り「position:relati …

HTML 文字の上に丸印を付けるサンプル

2018/01/15   -HTML

文字の上に強調を表す丸印を付ける機会がありました。 次のような仕上がりですね。 最初は画像にしようと考えていたのですが、文字にして欲しいとの要望だったので文字にする方法を考えました。 色々と考えた中で …

HTML テキストボックスの入力候補リスト(datalist)

2017/11/26   -HTML

JavaScriptやjQueryを利用しなくてもHTML5だけで動的なことも出来るようになってきました。 例としてHTML5のdatalistタグを利用すれば、関連付けされているテキストボックスに「 …