怎么把css放到html中？ 10

我想做这样一个边框我写的代码如下<html><head><styletype="text/css">body{background-color:none;}#menuul... 我想做这样一个边框我写的代码如下<html><head><style type="text/css">body{ background-color:none;}#menu ul{list-style-type:none;margin:0pxpadding:0px}#menu li{float:left;}menu li a{display:block;text-decoration:none;border:1px solid #007500;margin:2px;width:100px;line-height:30px;text-align:center;background-color:#00BB00color:#ff0}</style><title>竖版菜单</title><body><div id="menu"><ul><li><a href="#">首页</a></li><li><a href="#">TED</a></li><li><a href="#">国际名校公开课</a></li><li><a href="#">中国大学视频公开课</a></li><li><a href="#">赏课</a></li><li><a href="#">公开课策划</a></li><li><a href="#">可汗学院</a></li><li><a href="#">态度公开课</a></li></ul></div></body></html>请问哪里错了？
这个是我的代码做出来的展开





 我来答

4个回答

#热议# 不吃早饭真的会得胆结石吗？

育知同创教育
2016-10-26 · 百度知道合伙人官方认证企业

育知同创教育

1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】

向TA提问

关注

展开全部

有3种方式可以将css定义的样式加到HTML里。
1.外联
在HTML里加一个超连结连到外在的CSS文档，这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开，只需要在一个CSS文档内定义好网页的外观风格，所有参考连结到此 CSS 档的网页，便会依照指示，反应出定义好的风格。
它的写法是： <HTML>
<HEAD>
<TITLE></TITLE>
<LINK REL="stylesheet" HREF="http://www.xyz.com/xyz.css" TYPE="text/css">
</HEAD>
2. 嵌入
在 HTML的<HEAD></HEAD>标签间，加一段CSS定义
这个方法适用于指定某个网页，除了展现外在的 CSS 档定义好的网页风格外，同时还要展现本身HTML内定义的CSS样式。
如果内在定义的CSS定义与外在连结的CSS定义相冲突的话，网页的样式将以内在定义的CSS定义为主。
它的写法是： <HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE="text/css">
div{
font: 12pt
font: 16pt
font-weight: bold;
color: green
}
</STYLE>
</HEAD>
<BODY>
<div>内容</div>
</BODY>
</HTML>
3.内联
在HTML的字里行间中加入CSS定义。
这个方法适用于指定网页内的某一小段的样式。
如果内联CSS定义与<HEAD>内在定义的CSS或外在连结的CSS定义相冲突的话最终的样式将以内联的CSS定义为主。
它的写法是： <HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<P STYLE="color: red">内容 </P>
</BODY>
</HTML>
上面的3种CSS引入方式可以同时并用，也可以单一或成双地使用。如果各CSS间的定义相冲突，则嵌入定义的CSS会盖过外联连结的CSS，内联的CSS会盖过嵌入定义的CSS。

已赞过 已踩过<

评论收起

腾讯电脑管家

广告2024-10-25

做网站用什么软件，腾讯电脑管家软件中心集合软件下载，卸载，优化一体化工具，实时检测软件最新版本。收录万款正版软件，经过安全认证，软件管理更便捷!

guanjia.qq.com

安徽新华电脑专修学院
2021-03-29 · 百度知道合伙人官方认证企业

安徽新华电脑专修学院

安徽新华电脑专修学院始建于1988年，隶属于新华教育集团，是国家信息化教育示范基地、中国 IT 教育影响力品牌院校.

向TA提问

关注

展开全部

1、使用链接式

<link href="style.css" rel="stylesheet" type="text/css" />

2、使用导入式zhi

<style type="text/css">

@import "style.css"

</style>

已赞过 已踩过<

评论收起

白忆凉笙
2016-10-26 · 超过17用户采纳过TA的回答

知道答主

回答量：35

采纳率：0%

帮助的人：17.6万

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

百度网友9cdda87
2016-10-26 · TA获得超过508个赞

知道小有建树答主

回答量：1108

采纳率：36%

帮助的人：347万

我也去答题访问个人页

关注

展开全部

你发的图片效果不是挺好吗？
还想咋做

追问

这才是我做出来的 ><

追答

哦哦，你想要图片上的效果是吧，只能告诉你，，

十分钟的活，

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>竖版菜单</title>
<style type="text/css">
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
	list-style-type:none;
	list-style-position:outside;
}
a {
	color:#fff;
	text-decoration: none;
}
#menu {
	width:100%;
	height:50px;
	line-height:50px;
	background:#286a46;
}
#menu ul {
	width:1000px;
	margin:0 auto;
}
#menu li {
	float:left;
	padding:0 10px 0 10px;
	color:#fff;
}
#menu li.on {
	background:#2e9057;
}
</style>
</head>
<body>
<div id="menu">
  <ul>
    <li class="on"><a href="#">首页</a></li>
    <li><a href="#">TED</a></li>
    <li><a href="#">国际名校公开课</a></li>
    <li><a href="#">中国大学视频公开课</a></li>
    <li><a href="#">赏课</a></li>
    <li><a href="#">公开课策划</a></li>
    <li><a href="#">可汗学院</a></li>
    <li><a href="#">态度公开课</a></li>
  </ul>
</div>
</body>
</html>