コーディングの一覧

Video要素を再生・一時停止するボタンを作る

Video要素を自動再生(autoplay)しない場合に再生ボタンをつける必要があります。再生ボタンと一時停止ボタンを同じボタンでまかなうためのコードです。 jQueryを使っていますので、該当ページにはjQueryを読み込んでおいてください。コードHTML [crayon-5d2e4227d4f78337154971/] javascript [crayon-5d2e42……

詳しく見る

ol要素の数字を丸数字にしたり色を変えたりカスタマイズする

olで作るリストの番号の出力の仕方を少しカスタマイズしたい場合に使います。丸数字は機種依存文字なのでCSSで表現したほうが良いです。 また、数字の部分だけ色を変えたり、数字のあとに任意の文字を追加したい場合もあります。 その場合、以下のCSSでbefore要素として出力すると解決できます。 数字を表示させるHTML [crayon-5d2e4227d547d545866692/] ……

詳しく見る