Html 为什么不';我的CSS代码中的颜色和背景色标记是否有效?
我正在设计一个表单,它的背景是粉红色的,标题是深粉色的。我的CSS的其余部分似乎正在工作,只是没有颜色标签。这是我的密码:Html 为什么不';我的CSS代码中的颜色和背景色标记是否有效?,html,css,Html,Css,我正在设计一个表单,它的背景是粉红色的,标题是深粉色的。我的CSS的其余部分似乎正在工作,只是没有颜色标签。这是我的密码: <!DOCTYPE html> <html> <head> <style> body{ background-color: "#E6E6FA"; } h1{ color:"#800080&qu
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-color: "#E6E6FA";
}
h1{
color:"#800080";
font-family:cursive;
text-align:center;
}
td#curricularActivity{
background-color:"#00FFFF";
}
</style>
</head>
<body>
<h1>MONTHLY EXPENSES CALCULATOR</h1>
<form onsubmit="return calculateExpenses()">
<center>
<table>
<tr><td>Group Head Name</td>
<td>
<label for="groupHeadName" name="Group Head Name"></label>
<input type="text" id="groupHeadName" name="groupHeadName" placeholder="Enter the Group Head Name"
pattern="[A-Za-z ]+" required>
</td>
</tr>
<tr><td>Email ID</td>
<td>
<label for="groupHeadEmail" name="EMail ID"></label>
<input type="email" name="groupHeadEmail" id="groupHeadEmail" required>
</td>
</tr>
<tr><td>Mobile Number</td>
<td>
<label for="groupHeadMobileNumber" name="Mobile Number"></label>
<input type="text" id="groupHeadMobileNumber" name="groupHeadMobileNumber" placeholder="Enter the Mobile Number"
pattern="^[789]{1}[0-9]{9}$" required>
</td>
</tr>
<tr><td>Extra-Curricular Activity</td>
<td>
<label for="curricularActivity" name="Extra-Curricular Activity"></label>
<input type="radio" id="curricularActivity" name="curricularActivity" value="Karate" required="">Karate
<input type="radio" name="curricularActivity" id="curricularActivity2" value="Music" required>Music
</td>
</tr>
<tr><td>No of Girls</td>
<td>
<label for="noOfGirls" name="No of Girls"></label>
<input type="range" id="girlseval" max="500" min="0" required>
<span id="demo">
</span></td>
</tr>
<tr><td>No of Boys</td>
<td>
<label for="noOfBoys" name="No of Boys"></label>
<input type="range" id="boyseval" max="500" min="0" required>
<span id="demo1"></span>
</td>
</tr>
<tr><td>
<input type="submit" id="submit" value="Calculate Monthly Expense">
</td>
<td>
<input type="reset" id="reset" value="Reset">
</td></tr>
</table>
<div id="result"></div>
</center>
</form>
</body>
</html>
身体{
背景色:“e6fa”;
}
h1{
颜色:“800080”;
字体系列:草书;
文本对齐:居中;
}
td#课程活动{
背景色:“00FFFF”;
}
月费计算器
组头名称
电子邮件ID
手机号码
课外活动
空手道
音乐
女孩人数
男孩人数
如何使颜色显示为所需的颜色?我在Chrome和Firefox中都试过这段代码。两种浏览器都有这个问题
body{
background-color: #E6E6FA;
}
h1{
color:#800080;
font-family:cursive;
text-align:center;
}
td#curricularActivity{
background-color:#00FFFF;
}
请删除Css样式中颜色值的双引号,如上面代码所示。