css3中的圆角border-radius
  Ko0VGOmBbaqG 2023年11月02日 53 0
css3的属性应该加上浏览器前缀
不同的浏览器内核不同，因此css的前缀不同。
常见的几种浏览器内核
火狐浏览器      Geoko内核       前缀是 -mox-
谷歌浏览器，    Webkit内核      前缀是 -wekbit-
IE浏览器       Trident内核      前缀是 -ms-
opera浏览器    Presto内核       前缀是 -o-
文字描边
 <style>
    * {
        padding: 0;
        margin: 0;
    }
    
    div {
        font-size: 50px;
        /* 颜色是无色，描边成为淡红色 */
        -webkit-text-stroke: 1px #f00;
        color: transparent;
    }
</style>
<div>好好学习</div>

css3中的圆角border-radius_微信

圆角圆角的完整格式
<style>
    div {
        width: 200px;
        height: 200px;
        border: 1px solid blue;
        /* 圆角的完整格式：斜线的左边表示的是水平位置4个值； 斜线的右边表示的是垂直位置4个值 */
        /* 分别表示的是顶部水平左上角，顶部水平右上角， 底部水平的右上角, 底部的水平左上角 / 顶部垂直左上角，顶部垂直右上角， 底部垂直的右上角, 底部的垂直左上角 */
        border-radius: 10px 30px 40px 50px / 10px 30px 40px 50px;
    }
</style>
<body>
    <div>雪月剑仙-李寒衣</div>
</body>

css3中的圆角border-radius_浏览器内核_02

圆角 border-radius 4个参数
<style>
    div {
        width: 200px;
        height: 200px;
        border: 1px solid blue;
        /*  左上角水平和垂直，右上角水平和垂直，右下角水平和垂直， 左下角水平和垂直*/
        border-radius: 10px 20px 30px 40px;
    }
</style>
<body>
    <div>雪月剑仙-李寒衣</div>
</body>
圆角 border-radius 2个参数
div {
    width: 200px;
    height: 200px;
    border: 1px solid blue;
    /* 左上角和右下角的水平和垂直， 右上角和左下角的水平和垂直  */
    border-radius: 10px 20px;
}
圆角 border-radius 1个参数
div {
    width: 200px;
    height: 200px;
    border: 1px solid blue;
    /* 4个角的水平和垂直都是10px  */
    border-radius: 10px ;
}
border-radius: 0px;表示的没有圆角哈。

遇见问题，这是你成长的机会，如果你能够解决，这就是收获。


作者：​​晚来南风晚相识​​​

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载，内容版权归原作者所有。本网站的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@moduyun.com
  1. 分享：
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  yrIE8MYyp0zH   2023年11月02日   43   0   0 微信客户端服务器
  t5QAJtHKSexP   2023年11月02日   31   0   0 微信测试点用例
  vTf7hWkY97Vv   2023年11月02日   39   0   0 微信备份文件数据iphone
  UX64GHR4Qt8e   2023年11月02日   43   0   0 微信黑科技3d
  OKbKCYzaZAi3   2023年11月02日   32   0   0 微信数据工作流程
  Ko0VGOmBbaqG   2023年11月02日   54   0   0 微信浏览器内核圆角
  0APVBKvswNUi   2023年11月02日   48   0   0 微信客户端服务端
  rNykiPQ3Q0kH   2023年11月02日   46   0   0 微信公众号3d
  rNykiPQ3Q0kH   2023年11月02日   52   0   0 微信三维重建3d
  AO5OUvypFist   2023年11月02日   53   0   0 版本号浏览器内核渲染引擎
  X7HGjGJ7MG9G   2023年11月02日   57   0   0 微信控件释放资源
  58UVOclaJtU3   2023年11月02日   45   0   0 微信细粒度图像分类
  iik4ArNpD7OX   2023年11月02日   45   0   0 微信机器人自动化
  BWRJnrpXe9fS   2023年11月02日   39   0   0 微信钓鱼网站支付宝
  OyMsYkmeu0ti   2023年11月02日   49   0   0 微信推特动图外网小蓝鸟
  vTf7hWkY97Vv   2023年11月02日   52   0   0 微信资源库缓存
Ko0VGOmBbaqG
Ko0VGOmBbaqG
作者其他文章 更多
echarts设置多条折线不是你想的那样简单

2023-12-19

echarts地图各个点颜色不同

2023-11-30

vite多入口

2023-11-30

canvas实现动态替换人物的背景颜色

2023-11-30

canvas绘制圆环

2023-11-30

详细讲解原生js拖拽

2023-11-13

重新学习一下new Date()

2023-11-13

详情讲解canvas实现电子签名

2023-11-05

js详细讲解放大镜的实现

2023-11-02

通过实例了解vue3.3更新的特征

2023-11-02

最新推荐 更多
年薪百万的程序员都在用的摸鱼方式……

2024-05-20

星途重启：244亿公里外的「旅行者1号」，修好了

2024-05-17

测试工程师如何进阶（自动化、性能、测开）

2024-05-17

网易Airtest集群方案大揭秘：小型便携式集群方案来啦

2024-05-17

6年心得，从功能测试到测试开发，送给在测试路上一路走到黑的你。

2024-05-17

会自动化就能拿20K？不，你这顶多算会点皮毛···

2024-05-17

打开、关闭、切换App以及清除App进程，操作so easy！

2024-05-17

SkyEye对接CANoe：助力汽车软件功能验证

2024-05-17

是面试官放水，还是公司实在是太缺人？这都没挂，华为原来这么容易进...

2024-05-08

在字节跳动做了6年测试，5月无情被辞，想给划水的兄弟提个醒

2024-05-08

Jmeter-线程组下篇

2024-05-08

想自学软件测试？一般人我还是劝你算了吧。。。

2024-05-08

6年心得，从功能测试到测试开发，送给在测试路上一路走到黑的你！

2024-05-08

《软件性能测试、分析与调优实践之路》(第2版)--第7章节选--常见性能问题分析总结

2024-05-02

基于SkyEye运行Android——应用最为广泛的移动设备操作系统

2024-04-30

Locust性能测试设置持续时间（web-UI）

2024-04-30

3年经验来面试20K的测试岗，连基本功都不会，还不如去招应届生

2024-04-29

从功能测试进阶自动化测试，熬夜7天整理出这一份3000字超全学习指南

2024-04-29

dotnet 使用 MSTestRunner 将单元测试制作为独立可执行文件

2024-04-26

公司新来的00后真是卷王，工作没两年，跳槽到我们公司起薪18K都快接近我了

2024-04-26

常用标签
数据数据数据数据javalinuxlinuxpythonCentOSredisJavapython区块链技术区块链信息系统字符串MySQL资讯项目管理mysql教程MySQL