国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

使用css實現(xiàn)圓角圖形繪制

2024-07-11 08:29:55
字體：大 中 小
供稿：網(wǎng)友

查看 demo

html

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <div class="curvedBox">          <span>  
  2.         <span class="r1"></span>           <span class="r2"></span>  
  3.         <span class="r3"></span>           <span class="r4"></span>  
  4.     </span>       <div class="content"> Flex is a cross-platform development framework for creating rich Internet applications (RIAs). Flex enables you to create expressive, high-performance applications that run identically on all major browsers and operating systems.    
  5.     </div>       <span>  
  6.         <span class="r4"></span>           <span class="r3"></span>  
  7.         <span class="r2"></span>           <span class="r1"></span>  
  8.     </span>   </div>    

css

CSS Code復(fù)制內(nèi)容到剪貼板
  1. body{background-color:#000;}      .curvedBox{   
  2.     width:300px;        margin: 2510px auto 0;   
  3. }     .curvedBox .r1,.curvedBox .r2,.curvedBox .r3,.curvedBox .r4{   
  4.     background-color:#fff;        display:block;   
  5.     overflow:hidden;        height:1px;   
  6.     font-size:1px;    }    
  7. .curvedBox .r2,.curvedBox .r3,.curvedBox .r4{        border-width:0 1px;   

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 晋城| 浠水县| 武邑县| 柘城县| 普兰店市| 高台县| 邯郸县| 柏乡县| 邻水| 梧州市| 广昌县| 石狮市| 涿州市| 历史| 疏勒县| 自贡市| 新安县| 武义县| 耿马| 安化县| 鸡东县| 内江市| 霍城县| 瓦房店市| 霍邱县| 遵义县| 西藏| 隆化县| 密云县| 关岭| 威信县| 九寨沟县| 昂仁县| 凤庆县| 阳新县| 阿城市| 博湖县| 阿克苏市| 瑞昌市| 商丘市| 石首市|