« 2013年07月 | メイン | 2013年09月 »
2013年08月01日
cssテーブルっぽく
うほうほ テーブルじゃなくともテーブルっぽくレイアウトできるのね。
ul {
display: table;
width: 100%;
table-layout: fixed;
}
li {
display: table-cell;
}
a {
display: block;
color: #000;
text-align: center;
text-decoration: none;
}
li:nth-child(1) a { border-bottom: 4px solid #00c; }
li:nth-child(2) a { border-bottom: 4px solid #c00; }
li:nth-child(3) a { border-bottom: 4px solid #fc0; }