html - div标签形状不显示
问题描述
<!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">
<title>HTML</title>
<!-- HTML -->
<!-- Custom Styles -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="face"></div>
<div class="eyeleft"></div>
<div class="eyeright"></div>
<div class="smile"></div>
</div>
<!-- Project -->
<script src="main.js"></script>
</body>
</html>
我尝试使用以下 css 代码创建一个圆脸,它应该链接到 div 标签。
.face {
color: #ffe9d1;
top: 100px;
left: 100px;
border-width: 100px, 100px, 100px, 100px;
border-radius: 50px, 50px, 50px, 50px;
}
没有更多的细节要包括,但也许这可能会。
请解释为什么它不显示
解决方案
您用于指定的语法border-width
不border-radius
正确。
你必须改用这个:
.face {
color: #ffe9d1;
top: 100px;
left: 100px;
border-radius: 50px; /* Notice this */
border: 100px red solid; /* Notice this */
}
<div class="container">
<div class="face"></div>
<div class="eyeleft"></div>
<div class="eyeright"></div>
<div class="smile"></div>
</div>
推荐阅读
- javascript - 如何使星期一只能从odoo中的canlendar中选择?
- r - 使用 lme4/R:从 glmer 输出计算 OR
- asp.net - 网站访问者计数在服务器(云窗口服务器)上不起作用。如何修复它?
- google-apps-script - doGet() 的配额限制
- python - 添加为子目录时找不到导入
- python - 奇怪的 Python 日期比较行为
- c# - 目录和子目录路径不起作用
- wordpress - Wordpress 后端表单返回 JSON
- ms-word - INCLUDEPICTURE 字段中的相对路径有时会以某种方式更改为绝对路径
- java - 样本 obj=null; - 用法和含义