首页 > 其他分享 >css画对钩|钩子

css画对钩|钩子

时间:2023-03-23 16:02:27浏览次数:38  
标签:48px color 钩子 height width 5px border css

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>css画对钩|钩子</title>
  </head>
  <style>
    body {
      background-color: green;
    }
    .choice{
      width:48px;
      height: 48px;
      border-radius: 50%;
      background-color: #FF4B10;
      position: relative;
    }
    .icon{
      position: absolute;
      left: 17px;
      top:10px;
      width: 12px;
      height: 20px;
      border-color: #FFF;
      border-style: solid;
      border-width: 0px 5px 5px 0px;
      transform: rotate(45deg);
    }
  </style>
  <body>
    <div class="choice">
      <div class="icon"></div>
    </div>
  </body>
</html>

 



标签:48px,color,钩子,height,width,5px,border,css
From: https://blog.51cto.com/u_10585798/6145620

相关文章

  • css中的&是什么意思
    这个是scss中的语法,表示上一级的选择器例如源码:ul{margin-bottom:20px;&>li{margin-bottom:0;}}相当于代码ul{margi......
  • css属性——env()和constant()设置安全区域,解决移动端小程序和H5底部栏 iPhoneX安全
    转载:https://www.cnblogs.com/jiaoshou/p/16647577.html使用苹果官方推出适配方案css函数env()、constant()来适配苹果官方推荐使用env(),constant()来适配,建议使用该方......
  • CSS伪类
    CSS伪类是用来添加一些选择器的特殊效果。语法伪类的语法:selector:pseudo-class{property:value;}CSS类也可以使用伪类:selector.class:pseudo-class{property:v......
  • CSS 实现重叠效果时,div 背景被 img 图片遮挡
    CSS为实现重叠效果,将margin-top设为负值时,div背景被img图片遮挡一、未实现重叠效果<body><imgsrc="https://cdn.uviewui.com/uview/swiper/swiper2.png"......
  • 349套HTML5+CSS3各行各业网站模板免费下载
    场景349套HTML5+CSS3各行各业网站模板。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是......
  • CSS 3.0 参考手册 (中文版)
     公司的页面同学们,利用业余时间整理出了一份比较完整的CSS3.0参考手册,非常不容易。手册是根据W3C的CSS3草案翻译,并且结合实际的示范结合而成。每一页都倾注了每一个同......
  • CSS3弹性盒子
    传统布局与flex布局传统布局兼容性好布局繁琐局限性,不能在移动端很好地布局flex弹性布局操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况不如移......
  • HTML+JS+CSS实现图片文件上传界面设计的例子
    在JavaWeb应用程序设计中文件上传功能的实现是一项非常重要的工作,本文中的例子程序实现了文件上传功能的界面设计。在JavaWeb应用程序设计中涉及到上传图片文件功能......
  • css实现文字的条纹阴影效果
    先写下一段文字添加重复的线性渐变,该渐变倾斜45deg(倾斜角度依需求设置)上面的为黑色、透明色的渐变,实际上渐变的颜色需要跟文字的背景颜色相同,如果文字的背景色是白色那......
  • css实现一个太极案例
    搭建一个太极的盒子<body><div></div></body> 样式(使用linear-gradient线性渐变;radial-gradient径向渐变)<style>body{background-color:li......