為啥沒有圓角？？？

如果你沒看懂?

參考這里：

?/*制作圓*/

? ? ? ? ?//border-radius:25px;(?正確)

? ? ? ? ?border-radius：25px;z(錯誤：用了中文的冒號，有木有。。。。。。)

墨滌

2015-05-17

源自：十天精通CSS3 5-5

關(guān)注問題我要回答

1155

操作

收起

1 回答

成者并非一蹴而就
2015-05-17

<!doctype?html>
<html>
<head>
????<meta?charset="UTF-8">
<title>CSS制作立體導(dǎo)航</title>
<link?rel="stylesheet"?>
<style>
body{
?background:?#ebebeb;
}
.nav{
?width:560px;
?height:?50px;
?font:bold?0/50px?Arial;
?text-align:center;
?margin:40px?auto?0;
?????background:?#f65f57;
?/*制作圓*/
?????????//border-radius:25px;
?????????border-radius:25px;

??????????/*制作導(dǎo)航立體風格*/
??????????box-shadow:10px?10px?5px?#888888;

}
.nav?a{
?display:?inline-block;
?-webkit-transition:?all?0.2s?ease-in;
?-moz-transition:?all?0.2s?ease-in;
?-o-transition:?all?0.2s?ease-in;
?-ms-transition:?all?0.2s?ease-in;
?transition:?all?0.2s?ease-in;
}
.nav?a:hover{
?-webkit-transform:rotate(10deg);
?-moz-transform:rotate(10deg);
?-o-transform:rotate(10deg);
?-ms-transform:rotate(10deg);
?transform:rotate(10deg);
}

.nav?li{
?position:relative;
?display:inline-block;
?padding:0?16px;
?font-size:?13px;
?text-shadow:1px?2px?4px?rgba(0,0,0,.5);
?list-style:?none?outside?none;
}
/*使用偽元素制作導(dǎo)航列表項分隔線*/

????????/*刪除第一項和最后一項導(dǎo)航分隔線*/

.nav?a,
.nav?a:hover{
?color:#fff;
?text-decoration:?none;
}

</style>
</head>
<body>
<ul>
?????<li><a?href="">Home</a></li>
?????<li><a?href="">About?Me</a></li>
?????<li><a?href="">Portfolio</a></li>
?????<li><a?href="">Blog</a></li>
?????<li><a?href="">Resources</a></li>
?????<li><a?href="">Contact?Me</a></li>
</ul>
</body>
</html>

你的冒號是中文狀態(tài)下 ...我已經(jīng)修正了..