<div class="tokyo">東京</div>  
<div class="kanagawa">神奈川</div>  
div{
width: 200px;
border: 1px solid #F00;
}
div.tokyo{
background-color:lightpink;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
div.kanagawa{
background-color:lightskyblue;
position: absolute;
top: 10px;
left: 5px;
z-index: 1;
}
東京と神奈川が重なっているが、東京が神奈川の上に来ている。これは z-index の指定によるものである。z-indexの値が大きいほうが、重なり順が上になる。よって、神奈川を東京の上に来さ

<div class="tokyo">東京</div>  
<div class="kanagawa">神奈川</div>  
div{
width: 200px;
border: 1px solid #F00;
}
div.tokyo{
position: absolute;
top: 0px;
left: 0px;
}
div.kanagawa{
position: absolute;
top: 0px;
left: 0px;
}
東京と神奈川、いずれも top と left を 0 にしているので、２つのdivが重なって見える。top や left の値を変更すると、位置をずらすことができる。サンプルソースhttps://tokyo-webs.jp/sample_source/130228b/東京ウェブ制作

<a class="button padType01 fontSizeType01" href="#">これはリンクです。</a>a.button{
display: block; /* インラインボックスをブロックボックスに変更する */
text-decoration: none; /* リンクの下線を消す */
border:1px solid #FFFFFF;
width:400px;
}
a.button:hover{
border:1px solid #0000FF;
}
.padType01{
padding: 10px 10px 10px 10px;
}
.fontSizeType01{
font-size: 30pt;
}リンク（a href）に３つのクラスを適用している。ブロックボックス化することで、枠線を表示させることができる。サンプルソースhttps://tokyo

<div class="tokyo">東京</div>
<div class="kanagawa">神奈川</div>
<div class="osaka">大阪</div>
<div class="nagoya">名古屋</div>
<div class="saitama">埼玉</div>
<div class="nagano">長野</div>
<div class="fukuoka">福岡</div>
div.tokyo{
background-color:lightpink;
border: 4px solid #0000FF;
width:600px;
}
div.kanagawa{
background-color:lightskyblue;
border: 4px solid #FF0000;
width:300px;
float:left;
}
div.osaka{
b

<div class="nippon">
<div class="tokyo">東京</div>
<div class="kanagawa">神奈川</div>
<div class="osaka">大阪</div>
<div class="nagoya">名古屋</div>
</div>
div.tokyo{
background-color:lightpink;
border: 1px solid #0000FF;
width:200px;
padding: 10px 10px 10px 10px;
margin: 30px 0px 10px 25px;
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
}
div.kanagawa{
background-color:lightskyblue;
border: 1px s

検証ブラウザ：Google Chrome
<div class="nippon">
<div class="tokyo">東京</div>
<div class="kanagawa">神奈川</div>
<div class="osaka">大阪</div>
<div class="nagoya">名古屋</div>
</div>
div.tokyo{
background-color:lightpink;
border: 4px solid #0000FF;
width:200px;
padding: 10px 10px 10px 10px;
margin: 30px 0px 10px 8px;
}
div.kanagawa{
background-color:lightskyblue;
border: 4px solid #FF0000;
width:200px;
padding: 0

検証ブラウザ：Google Chrome<div class="nippon">
<div class="tokyo">東京</div>
<div class="kanagawa">神奈川</div>
<div class="osaka">大阪</div>
<div class="nagoya">名古屋</div>
</div>
div.tokyo{
background-color:lightpink;
border: 4px solid #0000FF;
width:200px;
padding: 10px 10px 10px 10px;
}
div.kanagawa{
background-color:lightskyblue;
border: 4px solid #FF0000;
width:200px;
padding: 0px 0px 0px 30px;
}
div.osaka

検証ブラウザ：Google Chrome
<div class="nippon">
<div class="tokyo">東京</div>
<div class="kanagawa">神奈川</div>
<div class="osaka">大阪</div>
<div class="nagoya">名古屋</div>
</div>
div.tokyo{
background-color:lightpink;
border: 4px solid #0000FF;
width:200px;
height:50px
}
div.kanagawa{
background-color:lightskyblue;
border: 4px solid #FF0000;
width:200px;
height:80px
}
div.osaka{
background-color:green;
border

検証ブラウザ：Google Chrome
<div class="nippon">
<div class="tokyo">東京</div>
<div class="kanagawa">神奈川</div>
<div class="osaka">大阪</div>
<div class="nagoya">名古屋</div>
</div>
div.tokyo{
background-color:lightpink;
border: 4px solid #0000FF;
width:50px;
}
div.kanagawa{
background-color:lightskyblue;
border: 4px solid #FF0000;
width:100px;
}
div.osaka{
background-color:green;
border: 4px solid #000000;
widt

検証ブラウザ：Google Chrome
<div class="nippon">
<div class="tokyo">東京</div>
<div class="kanagawa">神奈川</div>
<div class="osaka">大阪</div>
<div class="nagoya">名古屋</div>
</div>
div.tokyo{
background-color:lightpink;
border: 4px solid #0000FF;
}
div.kanagawa{
background-color:lightskyblue;
border: 4px solid #FF0000;
}
div.osaka{
background-color:green;
border: 4px solid #000000;
}
div.nagoya{
background-colo