markdownCSSのみでの日本地図

本文由编程笔记#小编为大家整理，主要介绍了markdown CSSのみでの日本地図相关的知识，希望对你有一定的参考价值。

ul.jp_map {
position: relative;
list-style-type: none;
padding: 84% 0 0;
margin: 0;
border: solid 1px #000000;
box-sizing: border-box;
}

.jp_map li {
width: 7%;
height: 10%;
background-color: aqua;
border: solid #ffffff 2px;
box-sizing: border-box;
}

.jp_map li:nth-child(1) {
position: absolute;
top: 0;
left: 85%;
width: 15%;
}

.jp_map li:nth-child(2) {
position: absolute;
top: 11%;
left: 85%;
width: 14%;
height: 5.5％;
}

.jp_map li:nth-child(3) {
position: absolute;
top: 16.5%;
left: 92%;
}

.jp_map li:nth-child(4) {
position: absolute;
top: 26.5%;
left: 92%;
}

.jp_map li:nth-child(5) {
position: absolute;
top: 16.5%;
left: 85%;
}

.jp_map li:nth-child(6) {
position: absolute;
top: 26.5%;
left: 85%;
}

.jp_map li:nth-child(7) {
position: absolute;
top: 36.5%;
left: 92%;
}

.jp_map li:nth-child(8) {
position: absolute;
top: 46.5%;
left: 92%;
}

.jp_map li:nth-child(9) {
position: absolute;
top: 46.5%;
left: 85%;
}

.jp_map li:nth-child(10) {
position: absolute;
top: 46.5%;
left: 78%;
}

.jp_map li:nth-child(11) {
position: absolute;
top: 56.5%;
left: 85%;
}

.jp_map li:nth-child(12) {
position: absolute;
top: 56.5%;
left: 92%;
}

.jp_map li:nth-child(13) {
left: 85%;
position: absolute;
top: 66.5%;
}

.jp_map li:nth-child(14) {
left: 78%;
position: absolute;
top: 66.5%;
}

.jp_map li:nth-child(15) {
position: absolute;
top: 36.5%;
left: 78%;
width: 14%;
}

.jp_map li:nth-child(16) {
position: absolute;
top: 36.5%;
left: 71%;
}

.jp_map li:nth-child(17) {
position: absolute;
top: 36.5%;
left: 64%;
}

.jp_map li:nth-child(18) {
left: 64%;
position: absolute;
top: 46.5%;
}

.jp_map li:nth-child(19) {
position: absolute;
top: 56.5%;
left: 78%;
}

.jp_map li:nth-child(20) {
left: 71%;
position: absolute;
top: 46.5%;
height: 20%;
}

.jp_map li:nth-child(21) {
left: 64%;
position: absolute;
top: 56.5%;
}

.jp_map li:nth-child(22) {
left: 71%;
position: absolute;
top: 66.5%;
}

.jp_map li:nth-child(23) {
left: 64%;
position: absolute;
top: 66.5%;
}

.jp_map li:nth-child(24) {
left: 57%;
position: absolute;
top: 66.5%;
}

.jp_map li:nth-child(25) {
left: 57%;
position: absolute;
top: 46.5%;
}

.jp_map li:nth-child(26) {
left: 50%;
position: absolute;
top: 46.5%;
}

.jp_map li:nth-child(27) {
left: 50%;
position: absolute;
top: 56.5%;
}

.jp_map li:nth-child(28) {
left: 43%;
position: absolute;
top: 46.5%;
height: 20%;
}

.jp_map li:nth-child(29) {
left: 57%;
position: absolute;
top: 56.5%;
}

.jp_map li:nth-child(30) {
left: 50%;
position: absolute;
top: 66.5%;
}

.jp_map li:nth-child(31) {
left: 36%;
position: absolute;
top: 46.5%;
}

.jp_map li:nth-child(32) {
left: 29%;
position: absolute;
top: 46.5%;
}

.jp_map li:nth-child(33) {
left: 36%;
position: absolute;
top: 56.5%;
}

.jp_map li:nth-child(34) {
left: 29%;
position: absolute;
top: 56.5%;
}

.jp_map li:nth-child(35) {
left: 22%;
position: absolute;
top: 51.5%;
}

.jp_map li:nth-child(36) {
left: 36%;
position: absolute;
top: 78.5%;
}

.jp_map li:nth-child(37) {
left: 36%;
position: absolute;
top: 68.5%;
}

.jp_map li:nth-child(38) {
left: 29%;
position: absolute;
top: 68.5%;
}

.jp_map li:nth-child(39) {
left: 29%;
position: absolute;
top: 78.5%;
}

.jp_map li:nth-child(40) {
left: 14%;
position: absolute;
top: 46.5%;
}

.jp_map li:nth-child(41) {
left: 7%;
position: absolute;
top: 46.5%;
}

.jp_map li:nth-child(42) {
left: 0;
position: absolute;
top: 46.5%;
}

.jp_map li:nth-child(43) {
left: 7%;
position: absolute;
top: 56.5%;
}

.jp_map li:nth-child(44) {
left: 14%;
position: absolute;
top: 56.5%;
}

.jp_map li:nth-child(45) {
left: 14%;
position: absolute;
top: 66.5%;
}

.jp_map li:nth-child(46) {
left: 7%;
position: absolute;
top: 66.5%;
}

.jp_map li:nth-child(47) {
left: 0;
position: absolute;
top: 76.5%;
}

• 
  北海道


• 
  青森県


• 
  岩手県


• 
  宮城県


• 
  秋田県


• 
  山形県


• 
  福島県


• 
  茨城県


• 
  栃木県


• 
  群馬県


• 
  埼玉県


• 
  千葉県


• 
  東京都


• 
  神奈川県


• 
  新潟県


• 
  富山県


• 
  石川県


• 
  福井県


• 
  山梨県


• 
  長野県


• 
  岐阜県


• 
  静岡県


• 
  愛知県


• 
  三重県


• 
  滋賀県


• 
  京都府


• 
  大阪府


• 
  兵庫県


• 
  奈良県


• 
  和歌山県


• 
  鳥取県


• 
  島根県


• 
  岡山県


• 
  広島県


• 
  山口県


• 
  徳島県


• 
  香川県


• 
  愛媛県


• 
  高知県


• 
  福岡県


• 
  佐賀県


• 
  長崎県


• 
  熊本県


• 
  大分県


• 
  宮崎県


• 
  鹿児島県


• 
  沖縄県

CSSのみでの日本地図
-----------
A [Pen](https://codepen.io/inqsite/pen/MmVRrY) by [inqsite](https://codepen.io/inqsite) on [CodePen](https://codepen.io).
[License](https://codepen.io/inqsite/pen/MmVRrY/license).