怎么把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。
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。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、使用链接式
<link href="style.css" rel="stylesheet" type="text/css" />
2、使用导入式zhi
<style type="text/css">
@import "style.css"
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
2、使用导入式zhi
<style type="text/css">
@import "style.css"
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你发的图片效果不是挺好吗？
还想咋做
还想咋做
追问
这才是我做出来的 ><
追答
哦哦，你想要图片上的效果是吧，只能告诉你，，
十分钟的活，
<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>
只用了七分钟来修改答案，，你要的效果不就是如此吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
