20220802 css

背景
投稿者投稿者ipipいいね1お気に入り登録
プレイ回数72難易度(4.5) 849打 英語
タグcss
当日作ったcssをそのまま書き込んでいます。

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(body{ font-size:16px; line-size:1.5;})

body{ font-size:16px; line-size:1.5;}

(a{ color:#000; text-decoration:unset;})

a{ color:#000; text-decoration:unset;}

(ul{ list-style:none;})

ul{ list-style:none;}

(header { padding: 20px 0;})

header { padding: 20px 0;}

(.header_inner {display: flex; flex-wrap: wrap; justify-content: space-between;)

.header_inner {display: flex; flex-wrap: wrap; justify-content: space-between;

(width: 1000px; margin: 0 auto;})

width: 1000px; margin: 0 auto;}

(.header_gnav {font-size: 14px; display: flex; flex-wrap: wrap;})

.header_gnav {font-size: 14px; display: flex; flex-wrap: wrap;}

(.header_gnav li a { padding: 10px 15px; display: block;})

.header_gnav li a { padding: 10px 15px; display: block;}

(.header_gnav li a:hover {color: #23cec3; border-bottom: 1px solid #23cec3;})

.header_gnav li a:hover {color: #23cec3; border-bottom: 1px solid #23cec3;}

(@media screen and (max-width: 768px){)

@media screen and (max-width: 768px){

(.header_inner{ width: 90%; flex-wrap: wrap;})

.header_inner{ width: 90%; flex-wrap: wrap;}

(.header_gnav{ flex-wrap: wrap;})

.header_gnav{ flex-wrap: wrap;}

(.header_gnav li { width: 100%; text-align: center;})

.header_gnav li { width: 100%; text-align: center;}

(.header_right { display: none;})

.header_right { display: none;}

(.header_right_open { display: block;})

.header_right_open { display: block;}

(.menu_btn { position:fixed; top:25px; right:20px;})

.menu_btn { position:fixed; top:25px; right:20px;}

(.menu_btn span {width: 45px; height: 2px; background: #000; display: block;})

.menu_btn span {width: 45px; height: 2px; background: #000; display: block;}

(.menu_btn_open span{ background:red;})

.menu_btn_open span{ background:red;}

(.menu_btn span:nth-child(2){ margin: 15px 0;}})

.menu_btn span:nth-child(2){ margin: 15px 0;}}

ipipのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード