備忘録 borderで作るカスタムCheckbox
ポイント
TABでフォーカスできるようにinput要素はdisplay:none;にはしない。
間接セレクタ(~)を使用することで、input要素がcheckedになった時のCSSを兄弟セレクタに当てる。
サンプルコード
...
HTML
備忘録 備忘録 ヘッダー固定のレイアウトテンプレート
ポイント
ヘッダー自体にheightをもたせることで、mainをヘッダーに隠れないように表示できる。
body に、height: 100%;をもたせることで、web viewを100%とする。
headerにflex-shr...
備忘録 nuxtでcanvasタグを使って、新1万円を降らせてみた。
参考
こちらのコードをnuxtに置き換えました
サンプルキャンバスページ
使用したフリー素材の背景
備忘録 tableタグ セルの結合
結論
td、th要素にcolspan属性、rowspan属性を指定する。
colspan：横に結合
rowspan：縦に結合
<table frame="box" border="1">
<tr>
...