自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 给card卡片增加圆角

在这里,我们将深入学习如何使用 CSS 的 `border-radius` 属性来为卡片添加圆角,从而让界面看起来更加柔和和吸引人。`border-radius` 属性允许我们定义元素边界上的圆角大小,这可以增强用户界面的视觉效果。以上已经为每个卡片的角增加了圆角。从第一个卡片开始,逐步为每一个卡片增加圆角,直到所有卡片的四个角都有圆角。第一个值是 **左上角** 的圆角半径。第二个值是 **右上角** 的圆角半径。第三个值是 **右下角** 的圆角半径。第四个值是 **左下角** 的圆角半径。在这里,我们

2024-07-21 22:52:29 312

原创 CSS 阴影技巧

在上述示例中, element 元素将具有水平偏移量为 2 像素、垂直偏移量为 2 像素、模糊半径为 2像素、颜色为黑色(rgba(0, 0, 0, 0.5))的阴影效果。语法: box-shadow: horizontal-offset vertical-offset blur-radius spread-radius color;语法: filter: drop-shadow(horizontal-offset vertical-offset blur-radius color);

2024-03-24 23:09:36 531

原创 HTML卡片播放器

首先,需要创建一个基本的HTML结构,包括一个div元素作为卡片播放器的容器。在这个div中,将添加一个head部分来包含meta标签和title标签,以及一个body部分来放置我们的卡片播放器内容。接下来,在body部分添加一个div元素,这个div将作为卡片播放器的主体。在这个主体div中,设置一些基本的CSS样式,比如position: relative;来定位卡片,margin: 50px auto;来使卡片居中显示,width: 300px;和height: 70px;

2024-03-12 06:23:43 1648

原创 HTML 不规则形状

【代码】HTML 不规则形状。

2024-03-09 12:04:17 1687

原创 动态聊天输入框

确保在文档加载完成后执行代码。adjustTextareaHeight函数首先重置textarea的高度,然后根据内容调整高度,如果高度超过200px,则将高度设置为200px。元素包含了文档的元(meta)数据,如 定义了字符编码, 定义了网页标题。在card内部,添加一个元素,用于输入文本,并给它一个id以便于后续引用。紧接着添加一个元素,用于发送文本,同样给它一个id用于后续编辑可不写。

2024-03-08 13:04:33 1595

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除