0からhtmlフロントエンドページ開発_CSSイメージフィレットの設定
623 ワード
1、css文法:
border-radius
2、文法構造
div{border-radius:5px;}
DIVオブジェクトボックスの4つの角5ピクセルのフィレット効果を設定する
div{border-radius:5px 0;}
DIVオブジェクトボックスの左上隅と右下隅の5 pxフィレットを設定します.その他の2つの角は0フィレットではありません.
div{border-radius:5px 5px 0 0;}
DIVオブジェクトボックスの左上隅と右上隅の5 pxフィレットを設定します.その他の2つの角は0フィレットではありません.
3、説明:
は、オブジェクトの左上隅3 pxフィレット、右上隅4 pxフィレット、右下隅5 pxフィレット、左下隅6 pxフィレットを表します.
列を示します.
htmlコード
cssコード
border-radius
2、文法構造
div{border-radius:5px;}
DIVオブジェクトボックスの4つの角5ピクセルのフィレット効果を設定する
div{border-radius:5px 0;}
DIVオブジェクトボックスの左上隅と右下隅の5 pxフィレットを設定します.その他の2つの角は0フィレットではありません.
div{border-radius:5px 5px 0 0;}
DIVオブジェクトボックスの左上隅と右上隅の5 pxフィレットを設定します.その他の2つの角は0フィレットではありません.
3、説明:
border-radius:3px 4px 5px 6px
は、オブジェクトの左上隅3 pxフィレット、右上隅4 pxフィレット、右下隅5 pxフィレット、左下隅6 pxフィレットを表します.
列を示します.
htmlコード
cssコード
div{border-radius:5px;}