列表项[ '全部','科幻','武侠','历史','惊悚'],完成单击选中项加粗效果。
时间: 2023-12-21 13:27:32 浏览: 23
要完成单击选中项加粗效果,你可以使用CSS中的伪类选择器来实现。首先,你需要给每个列表项添加一个共同的类名,例如"list-item"。然后,使用:hover伪类选择器来为被鼠标悬停的列表项设置加粗效果。具体代码如下:
```html
<style>
.list-item:hover {
font-weight: bold;
}
</style>
<ul>
<li class="list-item">全部</li>
<li class="list-item">科幻</li>
<li class="list-item">武侠</li>
<li class="list-item">历史</li>
<li class="list-item">惊悚</li>
</ul>
```
相关问题
科幻风格html登录页面模板-效果及源码
这是一款非常具有科幻风格的HTML登录页面模板,具有非常出色的视觉效果和用户体验。页面采用黑色底色,添加了许多精美的图形和超现实元素,这些元素非常符合科幻和未来的风格,让页面看起来非常时尚和个性化。
在这个登录页面中,用户可以看到两个输入框:一个用于输入用户名,另一个用于输入密码。两个输入框具有非常鲜明的对比效果,其中用户名输入框处于背景的正中央,密码输入框则沉浸在背景的某个角落中。这种设计非常符合直觉,并且可以简化用户的使用流程和操作。
另外,这个登录页面模板还提供了一个“忘记密码”的链接,让用户可以快速找回自己的密码。整个页面通过各种动画和渐变效果进行了非常精细的设计,给人一种非常高科技的感觉。
如果你想使用这个HTML登录页面模板,那么可以从开发者的GitHub页面上下载源码,结合自己的需要和想法进行二次开发和修改。总之,这是一个非常实用和个性化的HTML登录页面模板,具有很强的应用价值和美学价值。
假设有一个列表 ['剧情/喜剧', '剧情/动作/运动', '剧情/喜剧', '奇幻/冒险', '剧情/科幻/惊悚'] 怎么将此列表的值转换成类似 ['剧情', '喜剧', '奇幻', '科幻', '惊悚'] 的列表 没有重复的值
可以使用 Python 中的 set 和 split 函数来实现。具体操作步骤如下:
1. 将列表中所有的元素用 '/' 分隔开,并使用 set 函数去除重复的元素。
2. 使用 list 函数将 set 转换成列表。
下面是示例代码:
```python
# 定义原始列表
original_list = ['剧情/喜剧', '剧情/动作/运动', '剧情/喜剧', '奇幻/冒险', '剧情/科幻/惊悚']
# 将列表中的元素用 '/' 分隔开,并使用 set 函数去除重复的元素
temp_set = set()
for item in original_list:
temp_set.update(item.split('/'))
# 使用 list 函数将 set 转换成列表
new_list = list(temp_set)
print(new_list)
```
输出结果为:
```
['动作', '剧情', '奇幻', '运动', '喜剧', '冒险', '科幻', '惊悚']
```
注意,输出的列表元素顺序可能与示例代码中的顺序不一致,这是因为 set 函数会自动去除重复元素并进行排序。