- 博客(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
原创 动态聊天输入框
确保在文档加载完成后执行代码。adjustTextareaHeight函数首先重置textarea的高度,然后根据内容调整高度,如果高度超过200px,则将高度设置为200px。元素包含了文档的元(meta)数据,如 定义了字符编码, 定义了网页标题。在card内部,添加一个元素,用于输入文本,并给它一个id以便于后续引用。紧接着添加一个元素,用于发送文本,同样给它一个id用于后续编辑可不写。
2024-03-08 13:04:33
1595
空空如也
为什么老是卡或白屏重进
2022-09-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人