css - 如何为 div 框创建渐变边框?
问题描述
我使用了以下代码,但无法创建此框的渐变。我想创建一个 div 的渐变边框,仅在顶部边框周围显示,左右显示一点
.HH {
height: 100px;
width: 500px;
border: 2px solid;
padding: 3px;
-moz-box-shadow: 0px 2px 8px #000;
/* Firefox */
-webkit-box-shadow: 0px 2px 8px #000;
/* Safari, Chrome */
box-shadow: 0px 2px 8px #000;
/* CSS3 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 1;
}
<div class="HH">
HI
</div>
解决方案
推荐阅读
- c# - 使用 C# 从 MS Graph API 中的消息中获取 EventMessage
- sql - SQL - 计算每年相同日期之间的日期
- regex - Angular中的货币正则表达式
- ios - 如何在 XCode 中禁用记录动态加载器事件(dyld)?
- django - 如何在 Django 序列化程序中将深度设置为关系深度?
- sql-server - SQL Server:使用 UNIX 时间戳获取前一天的结果
- javascript - 如何设置加载页面以在网站在后台加载时进行预览
- javascript - 在以下对象原型问题中面临一些问题
- python - 我如何抓取媒体内容并获取字符串中的所有 h1 nad p 标签
- messagekit - 消息输入栏未向上推屏幕。使用 IQKeyboard 也可以管理推动导航栏,但我不希望那样。#messagekit