レスポンシブ_テンプレート

css table レスポンシブデザイン 0001

<style> .fa.fa-arrow-circle-o-right {color:#008fde; margin-right: 10px;font-size:22px;} .t_table_01 {width: 100%; } .t_table_01 tr {border-bottom: 2px solid #dedede;} .t_table_01 th {padding: 20px;width: 30%;border-bottom: 2.5px solid #dedede; ma…

HTML CSS メモ

html ----- <html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/youso.css"> <title>CSS 子要素</title></head><body> <ul> <li>HELOO</li> </ul></body></html>

レスポンシブ メニュー 3

<html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/font-awesome.min.css"> <title>ハンバーガーメニュー 2</title> <style> body { padding: 0; mar…</link></meta></meta></meta></head></html>

レスポンシブ メニュー 1,2

<html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/font-awesome.min.css"> <title>ハンバーガーメニュー 右 上 2つ</title> <style> body { padding: 0…</link></meta></meta></meta></head></html>

レスポンシブ テンプレート1

index.html -------- <html lang="ja"> <head> <meta charset="utf-8"> <title>レスポンシブ 2017-1-15</title> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/styles.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> </html>