1.思路
- 把链接a转换为块级元素,这样链接就可以独占一行,并且可以设置宽度和高度;
- 鼠标经过a给链接设置背景颜色。
Document - 锐客网
>
a {
width: 200px;
text-decoration: none;
color: #fff;
background-color: rgb(142, 141, 141);
display: block;
text-align: center;
}
a:hover {
background-color: orange;
}
手机 电话卡
电视 盒子
笔记本 平板
出行 穿戴
智能 路由器
健康 儿童
耳机 音响
2.2 结果 【css|html+css实现简单的侧边栏效果】
文章图片
推荐阅读
- css|【HTML+CSS】学成在线网站
- css|【CSS基础】CSS的元素显示模式总结
- WordPress主题开发(单击按钮时不执行javascript代码)
- wordpress样式在自定义主题中不起作用,只有html标签会受到影响
- WordPress通过一致的网址提供资源
- WordPress响应式图像不起作用
- WordPress渲染的CSS与CSS文件不匹配
- WordPress相关文章缩略图可以工作,但永久链接错误
- WordPress主菜单对齐