小轻知 2021-06-08 14:15 采纳率: 66.7%
浏览 131
已采纳

圆角边框线渐变内容区背景透明

就算最后做到背景透明但是只有最外边圆角内容区不圆角

 

  • 写回答

6条回答 默认 最新

  • CSDN专家-Tk 2021-06-08 14:58
    关注

    效果图：

    代码：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS3 border-radius边框内外圆角属性</title>
<style type="text/css">
#round2 {
	float:left;
	width:300px; height:50px;
    border: 5px solid #dedede;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
	z-index:1;
}

#round {
	float:left;
	padding:3px;
    width:294px; height:44px;
    background:white; 
	z-index:2;
}
</style> 
</head>

<body>

<div id="round2">
	<div id="round">123</div>
</div>

<br />
<br />

  


</body>

</html>

    逻辑

    应用堆叠，把这个图形看成两个板块

    一个板块是圆角图形

    一个板块是直角图形

    直角图形在圆角图形之上

     

    代码已经私聊发送给您 请查收

    麻烦点个采纳了

    本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题？

问题事件

  • 已采纳回答 7月10日

悬赏问题

  • ¥15 Linux环境下CA证书更新问题
  • ¥60 微信小程序如何上传QQ聊天文件
  • ¥300 开发的系统遭到无良商家的破解，请问如何防止再次发生，并追回损失
  • ¥15 java代码写在记事本上后在cmd上运行时无报错但又没生成文件
  • ¥15 关于#python#的问题：在跑ldsc数据整理的时候一直抱这种错误，要么--out识别不了参数，要么--merge-alleles识别不了参数(操作系统-linux)
  • ¥15 PPOCRLabel
  • ¥15 混合键合键合机对准标识
  • ¥100 现在不懂的是如何将当前的相机中的照片,作为纹理贴图,映射到扫描出的模型上
  • ¥15 魔霸ROG7 pro,win11.息屏后会显示黑屏,如图，如何解决？(关键词-重新启动)
  • ¥15 有没有人知道这是哪里出了问题啊？要怎么改呀？