[HTML]Web前端开发技术21（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用，border-radius，box-shadow，transform——喵喵画网页

最新推荐文章于 2024-05-14 23:39:54 发布
最新推荐文章于 2024-05-14 23:39:54 发布
阅读量1.6k 收藏 79
点赞数 91
分类专栏： 喵喵画网页 文章标签： html 前端 html5 计算机学习 javascript css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ormstq/article/details/136067751
版权

希望你开心，希望你健康，希望你幸福，希望你点赞！

最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！

喵喵喵，你对我真的很重要！

目录

前言

CSS3 边框

1.border-radius圆角边框

了解本专栏 订阅专栏 解锁全文 超级会员免费看
猫佛佛
关注
  • 91
    点赞
  • 踩
  • 79
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 71
    评论
专栏目录
订阅专栏
[HTML]Web前端开发技术6（HTML5、CSS3、JavaScript ）DIV与SPAN，盒模型，Overflow——喵喵画网页
ormstq的博客
12-02 2662
CSS盒模型简介CSS盒模型CSS盒模型结构盒模型的属性边框border边框宽度border-width边框样式border-style边框颜色border-color边框简写border边框的四个方向border-radius外边距margin内边距padding盒模型的大小课后练习应用CSS行内样式表使用border-radius属性制作圆角边框。网页标题：字体样式综合应用
CSS3 开发工具收集
01-21
通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。...跨浏览器的CSS规则生成器，支持：border-radius、box-shadow、渐变(线性)、rgba色彩、
【前端基础篇】HTML5 + CSS3 入门知识
前端知识分享喵
06-09 1586
，HTML5和CSS3核心知识
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 5699
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
h5(html5)+css3+移动端前端
weixin_58997863的博客
07-12 3618
h5(html5)+css3+移动端前端 知识点详细总结
Green Scroll Bar - Pure CSS3 (from ZIG)-crx插件
04-04
语言:English 绿色滚动条。 纯CSS3，没有JS。...} ::-webkit-scrollbar-thum {{border-radius：5px; 背景颜色：白色； -webkit-box-shadow：2px 2px 6px rgba（0,0,0，.5），插入-2px 2px 2px 2px rgba
countdown-with-javascript
04-30
box-shadow：0 8px 32px 0 rgba（31，38，135，0.37）; 背景过滤器：blur（4.5px）; -webkit-backdrop-filter：blur（4.5px）; border-radius：10px; 边框：1px实心rgba（255，255，255，0.18）;
纯CSS实现扑克牌效果
01-21
这也能用CSS来实现啊！为了演示方便，这里用JavaScript代码去控制了扑克牌的切换，挺不错的。 Playing Cards with CSS3! body { background: #DDDDDD; overflow: hidden; } body .fire { color: #FF...box-shadow:
HTML常见标签-换行标签-水平线标签
weixin_44201223的博客
05-14 29
换行标签 水平线标签
Vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值
良月柒
05-11 68
配置项来访问 webpack 的配置，然后找到 HtmlWebpackPlugin 的插件实例，并修改它的。是 HtmlWebpackPlugin 的一个选项，用于设置生成的 HTML 文件的标题。在 Vue CLI 4.x 中，在这个示例中，我们使用。选项为你想要的新标题。文件来修改这个选项。将修改后的配置返回。
Vue学习v-html
李长渊的博客
05-14 215
Vue学习v-html
HTML的使用（中）
weixin_74141222的博客
05-14 714
在许多网页平台上浏览，大多逃不了登录账号。此时在网页中填写的用户名文本框与密码文本框，就属于HTML的表单元素。以上就是HTML表单的内容了，表单提供了大量能使浏览器用户快速便捷地填写数据的方法，构建了数据的交互传输。
HTML 4.0的事件属性：功能与应用
2401_83810323的博客
05-09 236
在HTML 4.0中，常见的事件属性包括onclick、onmouseover、onmouseout等，它们分别对应着用户的点击、鼠标悬停和鼠标移出等操作。除了上述常见的事件属性外，HTML 4.0还提供了诸如onload、onunload、onchange等其他事件属性，它们分别用于在页面加载完成、页面关闭和表单元素值改变时触发相应的操作。onmouseover事件属性在用户将鼠标悬停在元素上时触发，而onmouseout事件属性则在用户将鼠标移出元素时触发。
HTML【常用的标签】、CSS【选择器】
gangain的博客
05-11 1018
CSS 概述 • CSS 指层叠样式表 (Cascading Style Sheets) • 样式定义如何显示 HTML 元素 • 是为了解决内容与表现分离的问题 • 多个样式定义可层叠为一 • 样式通常存储在样式表中
01.认识HTML及常用标签
最新发布
2301_80401457的博客
05-14 514
标题1描述内容1111标题2描述内容2222无序列表ul {li {北京上海广州
HTML常见标签-段落标签
weixin_44201223的博客
05-14 43
段落标签
HTML常见标签-标题标签
weixin_44201223的博客
05-14 133
标题标签
html5+css3web前端开发总复习题及答案
09-08
HTML5和CSS3是用于网页设计和开发的最新标准技术。以下是一些常见的HTML5和CSS3开发的总复习题及答案。 1. HTML5中的新特性有哪些？ 答案：HTML5中的新特性包括语义化标签（如<article>、<section>和<header>等），音频和视频支持，Canvas画布，本地存储（localStorage和sessionStorage），地理位置API等等。 2. CSS3中的新特性有哪些？ 答案：CSS3中的新特性包括圆角边框（border-radius），阴影（box-shadow），渐变背景（linear-gradient和radial-gradient），动画（@keyframes），过渡（transition）等等。 3. 如何在HTML文档中引用外部CSS文件？ 答案：可以使用<link>标签将外部CSS文件链接到HTML文档中。例如：<link rel="stylesheet" href="style.css"> 4. 如何在HTML文档中引用外部JavaScript文件？ 答案：可以使用<script>标签将外部JavaScript文件链接到HTML文档中。例如：<script src="script.js"></script> 5. 如何在HTML文档中插入图片？ 答案：可以使用<img>标签插入图片。例如：<img src="image.jpg" alt="描述文本"> 6. 如何创建一个有序列表（有序的编号）？ 答案：可以使用<ol>和<li>标签创建有序列表。例如：<ol><li>第一项</li><li>第二项</li></ol> 7. 如何创建一个无序列表（无序的项目符号）？ 答案：可以使用<ul>和<li>标签创建无序列表。例如：<ul><li>项目一</li><li>项目二</li></ul> 8. 如何创建一个超链接？ 答案：可以使用<a>标签创建超链接。例如：<a href="http://www.example.com">链接文本</a> 9. 如何设置文本的字体样式？ 答案：可以使用font-family属性设置文本的字体样式。例如：font-family: Arial, sans-serif; 10. 如何调整盒子的位置和大小？ 答案：可以使用margin、padding、width和height属性来调整盒子的位置和大小。例如：margin: 10px; padding: 20px; width: 200px; height: 150px; 这些问题和答案只是一部分HTML5和CSS3开发的总复习题目。希望对你进行复习和巩固知识有所帮助。请继续学习和实践，加深对于HTML5和CSS3的理解和运用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 71
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猫佛佛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值