日韩精品一区二区三区视频-日韩精品一区二区三区在线观看-日韩精品一区二区三区在线观看l-日韩精品一区二区三区中文-日韩精品一区二区三区中文3d-日韩精品一区二区三区中文不卡

Web前端知識

首頁 > 免費 > Web前端知識 >

教你如何不使用border-radius,就能實現一個可復用的高度和寬度都自適應的圓角矩形

來源:北京匯仁智杰科技有限公司   時間:2016-04-15   點擊:

  在我們寫樣式的時候經常遇到這個樣式這樣,下一個有相同的樣式的時候,不能同時控制的情況,這樣的情況經常出現,那么今天匯仁智杰小編就教你如何不使用border-radius,就能實現一個可復用的高度和寬度都自適應的圓角矩形。
  現在css3支持圓角矩形,但是為了兼容性問題,雖然比較麻煩,但還是有必要了解一下以下方法。
  在一個div內,包含8個div,控制這個8個div的height、margin以及border屬性值,以達到圓角矩形效果,不過要注意div的順序。
  html代碼:
<body>
<div class="bor">
 <div class="b1"></div>
 <div class="b2"></div>
 <div class="b3"></div>
 <div class="b4"></div>
</div>

<div class="mid">
 <p>不使用border-radius的情況下實現一個可復用的高度和寬度都自適應的圓角矩形</p>
</div>

 <div class="bor">
  <div class="b4"></div>
  <div class="b3"></div>
  <div class="b2"></div>
  <div class="b1"></div>
 </div>
</body>
  css代碼:
.bor div { height: 1px; }

 .b1 {
 margin: 0 3px;
 background-color: black;
 }

 .b2,
 .b3,
 .b4,
 .mid {
 border-left: 1px solid black;
 border-right: 1px solid black;
 }

 .b2 {
 margin: 0 2px;
 }

 .b3 {
 margin: 0 1px;
 }

 .b4 {
 margin: 0 1px;
 }

.mid p {
 margin: 0;
 padding:0 10px;
 font-size: 12px;
 line-height: 24px;
 white-space: pre-wrap;
}
  以上就是匯仁智杰分享的幾種方法,希望對您有所幫助,每天都會有內容更新,請及時關注我們哦,如果說您有什么不同的見解,請隨時聯系小編,我們一起探討學習。

網絡營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區回龍觀龍冠大廈5層
咨詢:13370157521
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

日本免费一区二区三区 | 公和我做好爽添厨房中文字幕 | 欧美黑人性暴力猛交喷水黑人巨大 | 99久久伊人精品综合观看 | 久久精品午夜一区二区福利 | 人人妻人人玩人人澡人人爽 | 精品人妻少妇一区二区三区 | 最近最新中文字幕 | 大肉大捧一进一出视频 | 久久国产加勒比精品无码 | 久久久久久久久久久大尺度免费视频 | 人禽杂交18禁网站免费 | 乌克兰少妇xxxx做受 | 国产精品久久福利网站 | 一个添下面两个吃奶把腿扒开 | 欧美性插b在线视频网站 | 亚洲av一宅男色影视 | 国产成人精品午夜在线播放 | 老熟女高潮一区二区三区 | 91精品久久久| 久久久久久久久国产 | 人妻换人妻仑乱 | 久久久国产一区二区三区四区小说 | 双乳被一左一右吃着动态图 | 91国内精品 | 国产精品无码无在线观看 | 日韩乱码人妻无码中文字幕久久 | 毛片免费在线视频 | 国产美女一级做a爱视频 | 亚洲高清乱码午夜电影网 | 国产成人a∨激情视频厨房 欧洲熟妇精品视频 | 国产精品一区二区av麻豆 | 少妇高清精品毛片在线视频 | 日产精品99久久久久久 | 国产精品自在线拍国产电影 | 人妻少妇久久中文字幕一区二区 | 深夜放纵内射少妇 | 亚洲欧美日韩一区在线观看 | 亚洲av综合色区无码专区桃色 | 国产精品无码av无码 | 久久天堂综合亚洲伊人hd妓女 |