“MediaWiki:Common.css”的版本间的差异
| 第20行： | 第20行： | ||
} | } | ||
body { overflow-x: hidden;} | body { overflow-x: hidden;} | ||
| + | /*==效果==*/ | ||
| + | <!DOCTYPE html> | ||
| + | <html> | ||
| + | <head> | ||
| + | <meta charset="utf-8"> | ||
| + | <title>菜鸟教程(runoob.com)</title> | ||
| + | <style> | ||
| + | ul | ||
| + | { | ||
| + | list-style-type:none; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | } | ||
| + | a:link,a:visited | ||
| + | { | ||
| + | display:block; | ||
| + | font-weight:bold; | ||
| + | color:#FFFFFF; | ||
| + | background-color:#98bf21; | ||
| + | width:120px; | ||
| + | text-align:center; | ||
| + | padding:4px; | ||
| + | text-decoration:none; | ||
| + | text-transform:uppercase; | ||
| + | } | ||
| + | a:hover,a:active | ||
| + | { | ||
| + | background-color:#7A991A; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | <ul> | ||
| + | <li><a href="#home">主页</a></li> | ||
| + | <li><a href="#news">新闻</a></li> | ||
| + | <li><a href="#contact">联系</a></li> | ||
| + | <li><a href="#about">关于</a></li> | ||
| + | </ul> | ||
| + | </body> | ||
| + | </html> | ||
2019年12月7日 (六) 13:54的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* == 目录浮动== */
#toc, .toc {
display: block;
position: fixed;
top: 100px;
right: 0px;
min-width: 200px;
max-width: 350px;
max-height: 600px;
overflow-y: scroll;
border: 1px solid #aaa;
border-radius: 0 0 1px 1px;
-moz-border-radius: 0 0 1px 1px;
background: rgba(249,249,249,0.85);
padding: 12px;
box-shadow: 0 1px 8px #000;
-webkit-box-shadow: 0 1px 8px #000;
-moz-box-shadow: 0 1px 8px #000;
}
body { overflow-x: hidden;}
/*==效果==*/
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
}
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">主页</a></li>
<li><a href="#news">新闻</a></li>
<li><a href="#contact">联系</a></li>
<li><a href="#about">关于</a></li>
</ul>
</body>
</html>
