css画大写的C

css画大写的C_第1张图片
CCC
  • 第一步,先来一个正方形



    
    CSS画C
    


    

是这样的


css画大写的C_第2张图片
Square
  • 添加圆角border-radius: 50%;然后是这样的

    css画大写的C_第3张图片
    ring

  • 把右边的圆角变透明border-right-color:transparent;

    css画大写的C_第4张图片
    CCC

  • 改变边框颜色为skyblue,再稍微调整边框大小border-top-width: 30px;border-bottom-width: 25px;

展示完整代码




    
    CSS画C
    


    

参考https://www.cnblogs.com/yunfeifei/p/4671930.html

gzh.jpg

每日分享前端技术知识,致力于帮助更多前端人翻过一座座山,踏过一个个坑。

你可能感兴趣的:(css画大写的C)