KuniakiTakenaka 3 years ago
parent
commit
a667e2ae92
2 changed files with 5 additions and 5 deletions
  1. 2
    2
      css/slideme.css
  2. 3
    3
      index.html

+ 2
- 2
css/slideme.css View File

79
 	left: -5px;
79
 	left: -5px;
80
 }
80
 }
81
 
81
 
82
-.position-absolute {
82
+.positionabsolute {
83
 	font-size: xx-large;
83
 	font-size: xx-large;
84
 	line-height: 120%;
84
 	line-height: 120%;
85
 	text-align: center;
85
 	text-align: center;
87
 	font-weight: bold;
87
 	font-weight: bold;
88
 }
88
 }
89
 
89
 
90
-.position-absolute a :hover {
90
+.positionabsolute a :hover {
91
 	color: white;
91
 	color: white;
92
 }
92
 }

+ 3
- 3
index.html View File

163
         <article id="imgae">
163
         <article id="imgae">
164
             <div class="item">
164
             <div class="item">
165
                 <div style="position: relative;	width: 690px;	height: 50px;background-color: blue;">
165
                 <div style="position: relative;	width: 690px;	height: 50px;background-color: blue;">
166
-                  <div class="position-absolute" style="height: 5px;">
166
+                  <div class="positionabsolute" style="height: 5px;">
167
                     新型コロナウイルス感染症について
167
                     新型コロナウイルス感染症について
168
                   </div>
168
                   </div>
169
                 </div>
169
                 </div>
170
               <a href="second/Coronavirus.html">
170
               <a href="second/Coronavirus.html">
171
                 <div style="position: relative;	width: 345px;	height: 160px;float: left;background-color: cornflowerblue;">
171
                 <div style="position: relative;	width: 345px;	height: 160px;float: left;background-color: cornflowerblue;">
172
-                  <div class="position-absolute" style="color: black;">
172
+                  <div class="positionabsolute" style="color: black;">
173
                     北方町の状況や<br />対応についてはこちら
173
                     北方町の状況や<br />対応についてはこちら
174
                   </div>
174
                   </div>
175
                 </div>
175
                 </div>
176
               </a>
176
               </a>
177
               <a href="second/Vaccination.html">
177
               <a href="second/Vaccination.html">
178
                 <div style="position: relative;	width: 345px;	height: 160px;float: left;background-color: yellow;">
178
                 <div style="position: relative;	width: 345px;	height: 160px;float: left;background-color: yellow;">
179
-                  <div class="position-absolute" style="color: black;">
179
+                  <div class="positionabsolute" style="color: black;">
180
                     ワクチン接種<br />についてはこちら
180
                     ワクチン接種<br />についてはこちら
181
                   </div>
181
                   </div>
182
                 </div>
182
                 </div>

Loading…
Cancel
Save