Tiger の 前端实践项目
文章平均质量分 52
在实践中掌握知识
StudiousTiger
这个作者很懒,什么都没留下…
展开
-
在dive上打孔(使div上有一个透明的区域)
通过background-image: radial-gradient(circle at 20px, transparent 8px,rgb(255, 255, 255) 0px);实现。circle at 20px: 确定孔的形状和位置transparent 8px: 确定孔的颜色和大小rgb(255, 255, 255) 0px: 确定其他区域的颜色<!DOCTYPE html><html lang="en"><head> <meta ch原创 2022-01-13 13:38:58 · 5707 阅读 · 3 评论 -
003_w3C导航栏——实践
<!DOCTYPE html><head> <meta charset="UTF-8"> <!-- 去除浏览器默认样式 --> <link rel="stylesheet" href="../../reset_style/reset.css"> <title>0000</title> <style> a{ text-decorati原创 2020-08-08 08:51:55 · 158 阅读 · 0 评论 -
002_天气预报翻折图——实践
HTML:<!DOCTYPE html><head> <meta charset="UTF-8"> <title>0002</title> <link rel="stylesheet" href="./css/style.css"> <link rel="stylesheet" href="./css/reset.css"></head><body> &原创 2020-08-08 08:51:29 · 131 阅读 · 0 评论 -
001_登记表——实践
CSS:*{ margin: 0; padding: 0; list-style: none; color: rgb(37, 37, 37);}input{ background-color: rgb(255, 255, 255); border:wheat 1px solid;}.body{ width: 1111px; height: 555px; margin: 20px auto; background: ur原创 2020-08-08 08:50:58 · 118 阅读 · 0 评论