用户:攸萨/SandBox/styles.css：修订间差异
小 修改 |
小 修改 |
||
| 第1行： | 第1行： | ||
/* [[Category:CSS页面]] */ | /* [[Category:CSS页面]] */ | ||
/* 存放各式各样的效果，但未使用*/ | /* 存放各式各样的效果，但未使用*/ | ||
/* 以下搭配漂浮模版*/ | |||
.float { | .float { | ||
bottom: 100px; | bottom: 100px; | ||
| 第13行： | 第13行： | ||
letter-spacing: 2px; /* 设置文字间距 */ | letter-spacing: 2px; /* 设置文字间距 */ | ||
} | } | ||
/* 以上搭配漂浮模版*/ | |||
/* 以下选单效果*/ | |||
.dropdown { | .dropdown { | ||
position: relative; | position: relative; | ||
| 第24行： | 第26行： | ||
min-width: 160px; | min-width: 160px; | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
} | } | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
} | } | ||
/* 以上选单效果*/ | |||
2022年11月15日 (二) 04:50的版本
/* [[Category:CSS页面]] */
/* 存放各式各样的效果，但未使用*/
/* 以下搭配漂浮模版*/
.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: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown:hover .dropdown-content {
display: block;
}
/* 以上选单效果*/