ボスのブログを見ました.学んだ知識をまとめる


今日はボスのブログを見ました.www.cnblogs.com/wmw1989
画像を入れないとフィレット効果が得られないという感じで、全部で3つの方法がありましたが、その1つがわかりました.以下にまとめる.
ソース:
<title>cssフィレット効果div.RoundedCorner{background:#9 BD 1 FA}b.rtop,b.rboottom{display:block;background:#FFF}b.rtopb,b.rbotom b{display:block;height:1 px;overflow:hidden;background:#9 kground:#9 BD 1 FA}b.r 1{margin:0 5 px}b.r 2{margin:0 3 px}b.r 3{margin:0 2 px}b.rtop b.r 4,b.rboottom b.r 4{margin:0 1 px;height:2 px}

円角枠


以下にまとめます.
本方法は,上下境界にdivを確立することによって円角の形成を制御する.
上部と下部にそれぞれいくつかのdivが確立され、高さは1画素である.次にdivの外側距離を設定することでフィレット効果を形成します
外距離は右上および下から逐次増加する.下余白はこれで減少します.そしてフィレット効果が現れます.
 
 
外距知识小结:助记法:4つのパラメータは上顺(上から、上下左)3つの时に上下2つの时に上下左右1つの时4つです
margin:10px 5px 15px 20px;
  • 上外辺距離は10 px
  • である.
  • 右外辺距離は5 px
  • 下外距離は15 px
  • である.
  • 左外縁は20 px
  • である.
    例2
    margin:10px 5px 15px;
  • 上外辺距離は10 px
  • である.
  • 右外縁と左外縁は5 px
  • である.
  • 下外距離は15 px
  • である.
    例3
    margin:10px 5px;
  • 上外縁と下外縁は10 px
  • である.
  • 右外縁と左外縁は5 px
  • である.
    例4
     
    margin: 23px;上下左右の外距離はいずれも23 px