用户:攸萨/SandBox/styles.css
跳到导航
跳到搜索
/* [[Category:CSS页面]] */ /* 存放各式各样的效果,但未使用*/ /*蓝色标签CSS化*/ h5 .mw-headline { padding:2px; margin: 0px 2%; border-left:8px solid #1e90ff; display:flex; align-items:flex-end; color:#1568A2; } /* 以下搭配漂浮模版*/ .float { bottom: 100px; right: 25px; text-decoration: none; /* 取消超链接下画线 */ color: #333; /* 设置文本颜色 */ background-color: #f2f2f2; /* 设置背景颜色 */ border: 1px solid #ccc; /* 设置边框样式 */ padding: 1px 2px; /* 设置内边距 */ border-radius: 5px; /* 设置圆角矩形 */ letter-spacing: 2px; /* 设置文字间距 */ } /* 以上搭配漂浮模版*/ /* 以下选单效果*/ /* 下拉式选单效果*/ .dropdown { position: relative; display: block; } .dropdown pre { margin: 0; padding: 1px 1px; background-color:transparent; border:transparent; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 0px 6px; line-height:30px; z-index:2; } .dropdown:hover .dropdown-content{ display: block; } /* 右拉式选单效果*/ .drop { position: relative; display: block; width: 100%; margin: 0 0 10px; } .dropOption { position: relative; width: auto; color: #666; font-size: 20px; background-color: #fff; padding: 10px; border: 1px solid #888; border-radius: 5px; box-sizing: border-box; cursor: pointer; } ::after { content: ""; position: absolute; top: 20px; right: 12px; border-width: 8px 6px; border-style: solid; border-color: #999 transparent transparent transparent; } .dropright { display: none; width: 100%; max-height: 350px; position: absolute; color: #333; padding: 0; margin: 0; background-color: #f9f9f9; box-shadow: 0px 2px 3px 0px #ccc; border-radius: 6px; box-sizing: border-box; overflow: auto; z-index: 10; } li { display: block; color: #000; padding: 12px; font-size: 20px; margin: 0 10px; cursor: pointer; } :first-child { margin: 10px; } :last-child { margin-bottom: 10px; } :hover { background-color: orange; border-radius: 6px; } /* 以上选单效果*/