Я пытаюсь внедрить закругленный угол в поле в моем HTML-коде.Когда я запускаю файл в Chrome, у меня есть поле и все атрибуты, но углы не закругляются.Я использую Komodo Edit на MAC OSX Lion.Какое решение?Спасибо
<!doctype html>
<html lang="en">
<head>
<meta charset=="utf-8" />
<link rel="stylesheet" href="new.css" />
</head>
<body>
<div id="box">
<p id="text"> Hello </p>
</div>
</body>
</html>
CSS3:
body {
text-align:center;
}
#box {
display: block;
width: 500px;
margin:50px auto ;
padding:15px ;
text-align:center;
border: 1px solid blue;
background: red;
-webkit-border-radius: 25p;
}
#text {
font:bold 100px Century Gothic;
}