css右键菜单栏代码 |html css电子书样式

.menu {
position: absolute; /* 相对定位 */
display: none; /* 默认隐藏 */
width: 120px; /* 宽度 */
padding: 8px 0; /* 内边距 */
background-color: #fff; /* 背景色 */
border-radius: 4px; /* 圆角 */
box-shadow: 0 0 4px rgba(0,0,0,.15); /* 阴影 */
z-index: 999; /* 层级 */
}
.menu-item {
display: block; /* 块级元素 */
padding: 6px 12px; /* 内边距 */
font-size: 14px; /* 字体大小 */
color: #333; /* 字体颜色 */
text-decoration: none; /* 去掉下划线 */
cursor: pointer; /* 鼠标样式 */
}
.menu-item:hover {
background-color: #f5f5f5; /* 鼠标悬浮背景色 */
}

上面的代码中，.menu表示菜单栏的样式，.menu-item表示菜单栏的每个选项的样式。通过CSS的定位、边框、圆角、阴影、层级和字体样式等属性的设置，可以实现一个美观且简洁的CSS右键菜单栏。