.menu{ background-color: #ffffff; border: 1px solid #c0c0c0; border-radius: 5px; padding: 10px; width: 200px; height: auto; } .menu li{ list-style-type: none; margin-bottom: 5px; padding: 5px; border-radius: 3px; background-color: #f2f2f2; color: #333333; font-size: 14px; font-weight: bold; } .menu li:hover{ background-color: #f9f9f9; }
上面的代码是一个基本的app菜单样式。首先使用.menu类定义了整个菜单的基本样式:背景颜色、边框、圆角、内边距、宽度和高度。接下来使用.menu li定义了单个菜单选项的样式:取消了默认的列表样式、设定垂直方向的外边距和内边距、添加了圆角和背景颜色,并且设置字体颜色和大小。最后使用:hover伪类,为选项添加了鼠标悬停时的样式。
当然,以上只是一个基本的样式,具体还需要根据个人需求进行修改和完善。总之,在app设计和开发中,css技术都是不可或缺的。通过灵活运用css,可以打造出更加美观、清晰、易用的app界面。