CSS-圆角边框

VIP文章骑猪西征

已于 2022-05-12 15:41:02 修改

阅读量1.9k

点赞数 1

分类专栏：笔记 CSS 文章标签： css html

于 2022-05-12 11:06:15 首次发布

本文链接：https://blog.csdn.net/weixin_57936267/article/details/124726950

版权

掌握了圆角边框标签就可以做出类似百度搜索框的效果来

圆角边框-上

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 100px;
            height: 200px;
            background-color: yellowgreen;
            margin:0 auto;
            /* border-radius:10px 0px 0px 0px; */
            /* border-radius：后跟px 和 %
            把四个角用弧线连起来，或者说把角用弧线代替
            弧线可以理解为圆角程度，值越大圆角程度越大
            v1，v2 分别代表 左上右下

最低0.47元/天解锁文章

优惠劵

骑猪西征

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
CSS-圆角边框

掌握了圆角边框的内容就可以做出类似百度搜索框的效果来代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in.
复制链接

扫一扫