Start_python’s diary

ふたり暮らし

アラフィフ夫婦のフリーランスプラン

2020-02-12から1日間の記事一覧

HTML メニューボタンの作り方2(CSSでメニュー一覧を開く・閉じる、表示・非表示)

はじめに 今回はボタンを押すとメニュー一覧が表示されるメニューボタンを作成します。CSSだけで(Javascriptは使わずに)ヘッダー部分に配置します。 ソースコード base.html <link rel="stylesheet" type="text/css" href="/static/base.css"> <header> <h3 id="user_name">レイルーク@ふたり暮らし</h3> <div class="menu_box"> <label id="menu" for="toggle">メニュー</label> </div></header></link>