当前位置:网站首页>39 简洁版小米侧边栏练习
39 简洁版小米侧边栏练习
2022-07-25 14:40:00 【hello_sunny123】


代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style> /* 1.把a转化为块级元素 */ a {
display: block; width: 322px; height: 52px; text-decoration: none; background-color: #535758; color: #fff; text-indent: 2em; font-size: 14px; } /* 2.鼠标经过更换背景颜色 */ a:hover {
background-color: #fc6e00; } </style>
</head>
<body>
<a href="#">手机 电话卡</a>
<a href="#">电视 盒子 </a>
<a href="#">笔记本 平板 </a>
<a href="#">出行 穿戴 </a>
<a href="#">智能 路由器 </a>
<a href="#">健康 儿童</a>
<a href="#">耳机 音响</a>
</body>
</html>
运行结果



代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style> div {
width: 200px; height: 40px; background-color: pink; line-height: 40px; } </style>
</head>
<body>
<div>我要垂直居中</div>
</body>
</html>
运行结果

边栏推荐
- 阿里云技术专家邓青琳:云上跨可用区容灾和异地多活最佳实践
- Thymeleaf setting disabled
- Is it safe for Guolian securities to buy shares and open an account?
- awk从入门到入土(24)提取指令网卡的ip
- thymeleaf设置disabled
- Ten common application scenarios of redis
- I hope some suggestions on SQL optimization can help you who are tortured by SQL like me
- PHP website design ideas
- CTS test introduction (how to introduce interface test in interview)
- 牛客多校 E G J L
猜你喜欢

Doris learning notes integration with other systems

牛客多校 E G J L

Keys and scan based on redis delete keys with TTL -1

元器件采购系统的主要功能,数字化采购助力元器件企业飞速发展

Deng Qinglin, a technical expert of Alibaba cloud: Best Practices for disaster recovery and remote multi activity across availability zones on cloud

filters获取data中的数据;filters使用data中的数据

51 single chip microcomputer learning notes (1)

D2. picking carrots (hard version) (one question per day)

Heyuan City launched fire safety themed milk tea to boost fire prevention and control in summer

基于PaddleOCR开发uni-app离线身份证识别插件
随机推荐
Ssh server rejected password
云安全技术发展综述
Resource not found: rgbd_launch 解决方案
Spark parameter adjustment and tuning
各种平台dpkg包下载地址(包括arm64)
Several methods of spark parameter configuration
D2. Chopping Carrots (Hard Version) (每日一题)
awk从入门到入土(21)awk脚本调试
Quickly set up dobbo demo
kibana操作es
easygui使用的语法总结
SSH服务器拒绝了密码
用GaussDB(for Redis)存画像,推荐业务轻松降本60%
Opencv video tracking "suggestions collection"
thymeleaf通过样式控制display是否显示
苹果官网产品打折 买iPhone 13 Pro Max 可省600元
基于PaddleOCR开发uni-app离线身份证识别插件
Kibana operation es
Paddlenlp's UIE relationship extraction model [executive relationship extraction as an example]
阿里云安装MYSQL5.7