那些都不知道怎么去百度的bug。-程序员宅基地

技术标签: html5  前端  html  javascript  css3  

先附上显示效果图在这里插入图片描述

bug描述

在元素的边缘出现了一圈红色的类似border的红色边框。如有知道为什么或者如何解决的大佬,还请不吝赐教

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
   
    .box{
      position: relative;
      background: red;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      overflow: hidden;
      box-sizing: border-box;
    }
    
    .mask{
      position: absolute;
      width: 100%;
      height: 100%;
      top:0%;
      left:0%;
      border-radius: 50%;
      background-color: #fff;
      z-index: 3;
    }

  </style>

</head>

<body>
  <div class="box">
    <div class="mask"></div>
  </div>
</body>

</html>
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/duan_mu_lian_jin/article/details/111180306

智能推荐

如何管理云服务器及桌面远程连接使用_远程管理云服务器有几种连接与管理方式-程序员宅基地

教大家如何管理云服务器及桌面远程连接使用,以雷电vps为例,不同服务商可能略有差别,有什么问题可以戳我主页进一步了解。1、进入个人中心-云服务器管理-操作-点击“管理”显示云服务器详情。2、选择安装您需要的操作系统3、安装操作系统一般需要等待10分钟4、电脑远程登录a、电脑搜索mstsc,双击打开远程桌面连接b、输入登录密码,远程连接5、点击远程桌面连接6、点击确定7、远程连接成功..._远程管理云服务器有几种连接与管理方式

[leetcode]47. Permutations II,python实现-程序员宅基地

题目: Given a collection of numbers that might contain duplicates, return all possible unique permutations. For example, [1,1,2] have the following unique permutations: [ [1,1,2],

VSCode-Vue文件中Language Model显示Plain Text 不显示Vue_vscode plain text_Mirrorystal-镜明的博客-程序员宅基地

问题:VsCode中写入template没有提示,下面Language Mode显示Plain Text,不显示Vue解决方案:安装vetur插件_vscode plain text

MySQL数据库备份方案_我怎么又饿了呀的博客-程序员宅基地

数据库备份Mysqldump:逻辑备份,热备份,全量xtrabackup:物理,热,全量 + 增量备份一、 什么是 MySQL 主备情况一:客户端的业务操作,读、写访问的是主库主库通过某种机制,将数据实时同步给备库主库由于有些原因,无法正常响应客户端的请求情况二:完成主备切换客户端读写,访问的是备库(此时备库升级为新主库)数据同步是如何实现的?1.主从同步原理1、在备库执行 change master 命令 ,绑定主库的信息mysql> CHANGE MAS_mysql数据库备份方案

Unable to find the socket transport 'ssl' - did you forget to enable it when you configured-程序员宅基地

解决方案:该错误表明PHP不支持openssl,解决方案:windows下,在php.ini中打开opensll扩展,并将php目录下的libeay32.dll和ssleay32.dll两个库拷贝到system32下;linux下,重新编译php,编译时加上参数--enable-ssl(具体参看configure的help

接口(interface)、Object类、java中的包装类型_java接口定义常量能用包装类吗-程序员宅基地

接口(interface)接口跟抽象类特别像用来拓展定义类的功能,可以弥补java中单继承的缺点类是单继承,只能继承一个类,只能有一个爹,接口可以弥补硬件类接口(用户界面)软件类接口(是由程序员设计出来的)在java接口中,只有抽象方法没有方法实现。因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为。定义接口的格式【修饰符】interface接口名{}接口中的成员修饰符是固定的: public static final 修饰的变量为常量,该_java接口定义常量能用包装类吗

随便推点

spring注解配置相对于传统xml配置的优势_spring配置类好处-程序员宅基地

1,减少配置2,配置和java代码在一起会加强代码的内聚性,而采用独立的 XML 配置文件,程序员在编写一个功能时,往往需要在程序文件和配置文件中不停切换,这种思维上的不连贯会降低开发效率。3,读取配置文件速度快,缺点:1,如果需要对注解修改,那么要重新编译整个工程,;2,业务类之间的关系不如xml那么清晰,不利于维护。3,因为注解写入了class文件中,也会影响代码的_spring配置类好处

基于端口VLAN的交换机配置实验(不同vlan互通)_基于端口划分vlan实验-程序员宅基地

一、实验目的1、理解虚拟LAN(VLAN)基本原理。2、掌握一般交换机按端口划分VLAN的配置方法;3.掌握Tag VLAN配置方法。二、实验设备及软件安装packet tracer软件的计算机一台。三、实验方案使用两台交换机,令不同vlan间的主机可以通信。四、实验步骤1.新建packet tracer拓扑图2. 配置计算机的IP地址、子网掩码、网关、DNS。3. 计算机的网关分别指向路由器的子接口。4..配置路由器子接口ip地址。五、实验结果及分析为各个pc机配置IP地址:_基于端口划分vlan实验

Microsoft SQL Server 2016 下载地址和密钥_sqlserver2016下载地址-程序员宅基地

Microsoft SQL Server 2016是一个全面的数据库平台,使用集成的商业智能(BI)工具提供了企业级的数据管理。Microsoft SQL Server 数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能,使您可以构建和管理用于业务的高可用和高性能的数据应用程序。简体中文企业版:文件名:cn_sql_server_2016_enterprise_x64_dvd_sqlserver2016下载地址

什么是UN38.3认证?_PONYWZDL的博客-程序员宅基地

UN38.3认证是指联合国在《试验和标准手册》(Manual of Tests and Criteria)一书中,专门针对锂电池制定的38.3测试条款。该条款通过模拟锂电池在运输时可能遭受到的极端条件进行测试,从而评估锂电池货物运输的安全性。UN38.3认证,是锂电池货物运输的前提条件,它在前端对各类锂电池进行安全甄选,从而保障了后端锂电池运输的安全。..._un38.3

D3DX Utility library-程序员宅基地

D3DX 是一个静态库,容易使用在发布的产品上。D3DX 也提供3D 图形应用程序公共的操作。D3DX包含下面几个方面:抽象数据类型,helper对象,triangle meshes,resource function和一些其他函数。 具体类提供了颜色,材质,向量,矩阵,面和quaternion。他们实现为C++类,并且也提供了一些操作在这些类上全局函数。helper对象实现了矩阵堆

推荐文章

热门文章

相关标签