我試圖在右上角有一個銳利的 div，但使用邊框右上角的半徑，我在右上角得到一個圓角。我們如何僅使用 CSS 來實作這一點
目前我得到的是
HTML
<div>
<h1>Hello</h1>
<div class="container">
<div class="box"></div>
</div>
</div>
CSS
.box {
width: 100%;
height: 100%;
position: relative;
opacity: 0.7;
background: #0057e3;
border-radius: 10px;
overflow: hidden;
}
.box::before {
content: "";
position: absolute;
top: -45px;
right: -45px;
width: 200px;
height: 30px;
transform: rotate(45deg);
background: red;
}
uj5u.com熱心網友回復：
這可能會對您有所幫助。點擊這里
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/490364.html
標籤：javascript html css 反应 粗鲁的
上一篇：如何在asp.netmvc中用日期填充html欄位？
下一篇：如何更改選項的高度？