角丸テーブルのスタイル指定
時々使うテーブルの角丸仕様、毎回調べてる気がする。。 ポイントはborder-collapse border-collapse: collapse;ではなくbo[...]
Webサイト制作
画像の拡大表示(ポップアップ)
やりたいこと 画像のポップアップがしたい！ タグを設置 html内であればどこでも良いので、ポップアップしたいページに以下のタグを追加する <div id[...]
Webサイト制作
Video要素の縦横比を変更する
やりたいこと Videoファイルが横長で見にくいので縦幅を調整したい 原因 Video要素のobject-fitがデフォルトでcontainになっている。 ob[...]
Webサイト制作
cssで作るタイトルやテキストの装飾色々メモ
タイトルの背景を斜めボーダーにしたい 斜めボーダー背景。 色の組み合わせで色々な雰囲気がつくれる。 ただ、背景に柄が入ると中のテキストが読みにくくなるので、色は[...]
Webサイト制作
cssだけで画像をテキストの形に切り抜き表示してみる
面白かったのでメモ。 テキストの形に切り抜くやつです。 どこかで使えそう。 まずはhtml 何でもいいので適当なクラスか何かあたえておいてください。 <p[...]
Webサイト制作
IE10で要素がはみ出してしまう時の対処法
なぜかIEだけ特定の要素がはみ出てしまうことはありませんか？私はよくあります。 ページ作成をしていてブラウザチェックをしているとよくぶち当たるこの問題。 何度か[...]
Webサイト制作
cssだけでドロップダウンメニューを実装(軽い！)
ドロップダウンメニューをcssだけで実装できる方法があるらしい。 jsファイルの読み込みがないなら軽くていいなぁと思いやってみた。 まずはhtml 一般的な入れ[...]
Webサイト制作
スライドショーの画像を切り抜いたように表示する
よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ[...]
Webサイト制作
背景画像を複数指定する方法(css)
背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメ[...]
Webサイト制作
画面の縦幅いっぱいに背景画像を表示する
画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一[...]
Webサイト制作
