怎么把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>请问 哪里错了?
这个是我的代码做出来的
展开
 我来答
育知同创教育
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。
安徽新华电脑专修学院
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的回答
知道答主
回答量:37
采纳率:0%
帮助的人:4.9万
展开全部

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友9cdda87
2016-10-26 · TA获得超过508个赞
知道小有建树答主
回答量:1108
采纳率:36%
帮助的人:354万
展开全部
你发的图片效果不是挺好吗?
还想咋做
追问

这才是我做出来的   ><

追答

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

十分钟的活,

<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>

 只用了七分钟来修改答案,,你要的效果不就是如此吗?

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式