html
1<!DOCTIPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>TAb Menu Sample</title> 6 <style> 7 body { 8 padding: 0; 9 margin: 0; 10 font-family: Verdana, sans-serif; 11 } 12 .container { 13 padding: 0; 14 margin: 30px auto; 15 width: 500px; 16 background: #dce0e0; 17 } 18 ul.menu { 19 list-style: none; 20 padding: 0; 21 margin: 0; 22 font-size: 0; 23 } 24 ul.menu li { 25 dispalay: inline-block; 26 } 27 ul.menu li a { 28 display: inline-block; 29 font-size: 14px; 30 width: 80px; 31 height: 20px; 32 line-height: 20px; 33 text-align: center; 34 text-decoration: none 35 padding: 7px; 36 color: #333; 37 } 38</style> 39 40</head> 41<body> 42 <div class="container"> 43 <ul class="menu"> 44 <li><a href="#">About</a></li> 45 <li><a href="#">Service</a></li> 46 <li><a href="#">conctact</a></li> 47 <div class="content" id="about"> 48 about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about about 49 </div> 50 <div class="content" id="service"> 51 service service service service service service service service service service service service service service service service service service service service service service service service service service service service service service 52 </div> 53 <div class="content" id="contact"> 54 contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact contact 55 </div> 56 </div> 57</body> 58</html> 59
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/05 15:16
2017/04/05 17:39