質問編集履歴

1

コード追加

2020/04/19 14:03

投稿

tokumon10
tokumon10

スコア6

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,76 @@
1
1
  HTML&CSS 初心者で今模写コーディングをしているんですが
2
+
3
+ ```html
4
+
5
+ <header>
6
+
7
+ <div class="container">
8
+
9
+ <img src="img/main-logo.png" alt="main-logo" class="main-logo">
10
+
11
+ <div class="main-info">
12
+
13
+ <p class="info-title">"地域に根付いた歯科医院"デンタルクリニック</p>
14
+
15
+ <p class="phone">03-0000-0000</p>
16
+
17
+ <p class="open-time">予約受付時間 10:00~19:30 <span class="text-red">日祝 休診</span></p>
18
+
19
+ </div>
20
+
21
+ </div>
22
+
23
+ <div class="container">
24
+
25
+ <ul class="nav">
26
+
27
+ <li><a href="#">トップページ<br>HOME</a></li>
28
+
29
+ <li><a href="#">医院紹介<br>CLINIC</a></li>
30
+
31
+ <li><a href="#">診療案内<br>SERVICE</a></li>
32
+
33
+ <li><a href="#">院長・スタッフ紹介<br>STAFF</a></li>
34
+
35
+ <li><a href="#">アクセス<br>ACCESS</a></li>
36
+
37
+ </ul>
38
+
39
+ </div>
40
+
41
+ ```
42
+
43
+ ```css
44
+
45
+ .nav{
46
+
47
+ width:100%;
48
+
49
+ display:flex;
50
+
51
+ list-style-type: none;
52
+
53
+ }
54
+
55
+ .nav a{
56
+
57
+ text-decoration-line: none;
58
+
59
+ }
60
+
61
+ .nav li{
62
+
63
+ background-image: linear-gradient(rgb(156,227,225) 0%,rgb(108,198,196) 100%);
64
+
65
+ flex:auto;
66
+
67
+ background-color:#F6F6F6;
68
+
69
+ padding: 20px;
70
+
71
+ }
72
+
73
+ ```
2
74
 
3
75
 
4
76