TA貢獻1036條經驗 獲得超461個贊
<!DOCTYPE??HTML>
<html>
<head>
????<meta?charset="utf-8"/>
????<title>xxxxxx</title>
????<style>
????????*{
????????????margin:?0;
????????????padding:?0;
????????}
????????body{
????????????background-color:?#000;
????????????padding:?20px;
????????}
????????.type{
????????????width:?180px;
????????????border-radius:?5px;
????????????border:?1px?solid?#fff;
????????????overflow:?hidden;
????????}
????????.type?li{
????????????list-style:?none;
????????????width:?50%;
????????????float:?left;
????????????text-align:?center;
????????????background-color:?#000;
????????????color:?#fff;
????????}
????????.type?.selected{
????????????background-color:?#fff;
????????????color:?#000;
????????}
????</style>
</head>
<body>
<ul?class="type"?id="type">
????<li?data-type="dot">Dot</li>
????<li?data-type="column"?class="selected">Column</li>
</ul>
</body>
</html>舉報