我刚从w3学校学习css并试图制作一个CSS,这是我的问题,起初悬停工作但我不知道为什么在我把一些东西放在它下面之后,悬停没有工作时间更长
<!DOCTYPE html>
<html>
<head>
<style>
/* Here You Put Code */
body {
background-image:url("http://1.bp.blogspot.com/-CYQ5F9q6YlE/VIX6zgIg8EI/AAAAAAAAGwU/nkOudSDpI18/s1600/website-background-rough-surface.jpg");
}
div {
margin:30px;
margin-top:20px;
margin-left:65px;
}
NODDOS {
font-size:60px;
position:absolute;
border:2px solid black;
box-shadow: 10px 10px 5px #888888;
padding:160px;
padding-top:50px;
padding-bottom:50px;
width:65%;
font-weight:bold;
}
.abcdefg {
font-size:30px;
}
DONOTHACKUS {
position:absolute;
margin:30px;
margin-top:310px;
margin-left:20px;
}
DONOTHACK {
font-size:20px;
color:black;
background:;
border:3px solid black;
padding:10px;
box-shadow: 4px 4px 5px #888888;
text-decoration:none;
}
DONOTHACK:hover {
position: relative;
top: -1px;
box-shadow: 4px 4px 5px #888888;
}
DONOTHACK a.hahaha {
text-decoration: none;
color:#000000;
}
DONOTHACK a.hahaha:link {
text-decoration: none;
color:#000000;
}
DONOTHACK a.hahaha:visited {
text-decoration: none;
color:#000000;
}
DONOTHACK a.hahaha:active {
color:blue;
}
PLEASE {
position:absolute;
margin-top:400px;
margin-left:70px;
border:3px solid black;
padding:8px;
}
DONTHACK {
font-weight:bold;
font-size:40px;
position:relative;
}
JUSTRUN {
position:absolute;
padding-top:500px;
padding-left : 30px;
}
DONTDDOSTOO {
font-size:18px;
}
/*-------------------*/
</style>
</head>
<body>
<div>
<NODDOS>English Lesson
<p class="abcdefg">Welcome To English Lesson !</p>
</NODDOS>
<DONOTHACKUS>
<DONOTHACK><a class="hahaha" href="#">Home</a></DONOTHACK>
<DONOTHACK><a class="hahaha" href="#">Tentang</a></DONOTHACK>
<DONOTHACK><a class="hahaha" href="#">Kerjakan Soal</a></DONOTHACK>
</DONOTHACKUS>
<PLEASE><DONTHACK>Siapa Kita ?</DONTHACK>
</PLEASE>
<JUSTRUN>
<DONTDDOSTOO>Kita adalah perkumpulan dari smp 13 semarang yang membuat website ini untuk melatih kemampuan siswa dalam berbahasa inggris melalui soal soal yang diberikan . </DONTDDOSTOO>
</JUSTRUN>
</div>
</body>
</html>
&#13;
谁知道问题出在哪里? 编辑:悬停在菜单中,如家,kerjakan soal
答案 0 :(得分:1)
你需要制作类似于'DONTHACK&#39;元素的类或id,而不是实际的元素。类似的东西:
//the usual node setup
//import * as *** http, body-parser, morgan, mongoose, express <-- psudocode
import * as masterRouter from './routes/index'
var app = express();
//set-up all app.use()
app.use('/api', masterRouter);
http.createServer(app).listen(8080, () => {
console.log('listening on port 8080')
};
您还可以使用 //the usual node setup
//import * as *** http, body-parser, morgan, mongoose, express <-- psudocode
import * as masterRouter from './routes/index'
var app = express();
//set-up all app.use()
app.use('/api', masterRouter);
http.createServer(app).listen(8080, () => {
console.log('listening on port 8080')
};
,.DONTHACK {
font-weight:bold;
font-size:40px;
position:relative;
}
<p class="DONTHACK">Siapa Kita</p>
或<a>
。请查看一些基本的HTML教程。
答案 1 :(得分:0)
你需要使用html的基本标签。您只能将自己的标签制作成XML而不是HTML。所以请使用<a>, <div>, <nav>
等标签。
请使用css中的类和id,使用像.DONOTHACK这样的类和id使用#DONOTHACK.IF对Web设计和开发感到困惑请看看基本学习