日韩精品一区二区三区视频-日韩精品一区二区三区在线观看-日韩精品一区二区三区在线观看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 版權所有:匯仁智杰

无码av中文一区二区三区桃花岛 | 97久久免费视频 | 午夜人妻久久久久久久久 | 欧美精品色婷婷五月综合 | 久久精品国产99国产精品澳门 | 男女18禁啪啪无遮挡激烈 | 亚洲av无码国产一区二区三区 | 精品久久久噜噜噜久久久 | 国产网红在线观看 | 久久久精品欧美一区二区免费 | 91国语精品自产拍在线观看性色 | 丝袜 中出 制服 人妻 美腿 | 日本道色综合久久影院 | 欧洲av无码放荡人妇网站 | 久久亚洲精品专区蓝色区 | 国产精品刮毛 | 日本熟妇色xxxxx日本免费看 | 国产日韩欧美精品一区二区三区 | 久久久精品一区aaa片 | 成年人免费观看视频网站 | 国产看黄网站又黄又爽又色 | 亚洲午夜久久久久久久久电影网 | 精品一区二区三区视频在线观看免 | 亚洲欧美国产双大乳头 | 精品国产不卡一区二区三区 | 欧美亚洲熟妇一区二区三区 | 国产精品v片在线观看不卡 55夜色66夜色国产精品视频 | 国产精品天天看天天狠 | 国产中老年妇女精品 | 中文字幕精品久久久久人妻红杏1 | 国产精品沙发午睡系列990531 | 日日躁夜夜躁狠狠久久av | 国产观看精品一区二区三区 | 成年女性特黄午夜视频免费看 | 亚洲中文字幕一区精品自拍 | 国产精品无码久久久久久 | 97久久国产亚洲精品超碰热 | 久久久久久久久久久久中文字幕 | 亚洲精品久久久久中文字幕二区 | 国产精品午睡沙发系列 | 一本大道无码人妻精品专区 |