css3实现特殊效果图
先上效果图：
接下来是代码：
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>css3应用</title> 6 <link rel="stylesheet" href="style.css"/> 7 </head> 8 <body> 9 <div class="div2"></div> 10 </body> 11 </html>
1 .div2{
2 border: 10px solid red;
3 border-radius: 50%;
4 background: linear-gradient(to right bottom,
5 transparent 45%,
6 red 45%,
7 red 55%,
8 transparent 55%);
9 }
我是菜鸟一枚，还请各路大神多多推荐一些好资源，好的想法和思路，让我有更多的进步空间。
时间： 2024-10-12 05:35:02