Html 圆角框使用CSS与俏皮不工作，帮助我_Html_Css_Rounded Corners

Html 圆角框使用CSS与俏皮不工作，帮助我

html css

Html 圆角框使用CSS与俏皮不工作，帮助我,html,css,rounded-corners,Html,Css,Rounded Corners,我想用漂亮的技巧画一个圆角矩形。但是不工作帮我。我的代码在下面 st.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

我想用漂亮的技巧画一个圆角矩形。但是不工作帮我。我的代码在下面

st.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="nifty.js"></script>
<link href="niftyCorners.css" rel="stylesheet" type="text/css" />
<link href="niftyPrint.css" rel="stylesheet" type="text/css" />
<link href="stm.css" rel="stylesheet" type="text/css" />



<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
    return;
Rounded("div.indian","#377CB1","#9BD1FA");
}
</script> 


</head>



<body>
<div class="indian">
<p>I am an Indian</p>
</body>
</html>

帮帮我你的HTML不正确。您缺少一个结束DIV：

<body>
<div class="indian">
<p>I am an Indian</p>
</div> <!-- This was missing -->
</body>


我是印度人

此外，您正在使用旧版本的Nifty。请尝试更新的版本：

你的门没有关。这可能会阻止Javascript在DOM中查找

您需要为打印样式表设置“介质”。打印样式表隐藏了漂亮的JS所做的所有工作

您没有为页面或“印第安人”设置背景色。如果不这样做，效果将无法正常工作

我认为在使用漂亮的技术时，设置“印第安人”的高度是不受支持的

更正这些错误后，代码的工作方式如下所示：

此外，您可能还应该使用此处提供的新版本的俏皮技巧：

<body>
<div class="indian">
<p>I am an Indian</p>
</div> <!-- This was missing -->
</body>