質問編集履歴

1

追記

2016/10/08 14:43

投稿

ryo-dev
ryo-dev

スコア437

test CHANGED
File without changes
test CHANGED
@@ -47,3 +47,135 @@
47
47
  }
48
48
 
49
49
  ```
50
+
51
+
52
+
53
+ 全CSSです。
54
+
55
+ ```css
56
+
57
+ body{
58
+
59
+ background: #FFF;
60
+
61
+ margin:0;
62
+
63
+ }
64
+
65
+
66
+
67
+ .nav{
68
+
69
+ /* 上部の隙間調節 */
70
+
71
+ margin-top:23px;
72
+
73
+ }
74
+
75
+ ol,ul{
76
+
77
+ /* 文字の前に付く点をなくす */
78
+
79
+ list-style:none ;
80
+
81
+ }
82
+
83
+ a{
84
+
85
+ /* 下線を消す */
86
+
87
+ text-decoration:none;
88
+
89
+ }
90
+
91
+ li{
92
+
93
+ /* 周りの空間を調節 */
94
+
95
+ margin:5px;
96
+
97
+ }
98
+
99
+ .item{
100
+
101
+
102
+
103
+ /* 文字をセンタリングする */
104
+
105
+ text-align:center
106
+
107
+ }
108
+
109
+ .wap{
110
+
111
+ position: relative;
112
+
113
+ overflow: hidden;
114
+
115
+ }
116
+
117
+ .wap ul {
118
+
119
+ position: relative;
120
+
121
+ left: 50%;
122
+
123
+ float: left;
124
+
125
+ }
126
+
127
+ .wap ul li {
128
+
129
+ position: relative;
130
+
131
+ left: -50%;
132
+
133
+ float: left;
134
+
135
+ }
136
+
137
+
138
+
139
+
140
+
141
+ .alt1{
142
+
143
+ border-right-width:1px;
144
+
145
+ border-right-color:#A49D9D;
146
+
147
+ border-right-style: solid;
148
+
149
+ }
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+ /* オンマウス時下線追加 */
158
+
159
+ /* 通常時(マウスカーソルがのっていない時)のデザイン */
160
+
161
+ .item{
162
+
163
+ border-bottom: none; /* 装飾なし */
164
+
165
+ }
166
+
167
+
168
+
169
+ /* オンマウス(hover)時 */
170
+
171
+ .item:hover{
172
+
173
+ border-bottom-width:3px;
174
+
175
+ border-bottom-color:#F00;
176
+
177
+ border-bottom-style: solid;
178
+
179
+ }
180
+
181
+ ```