【推奨】div+cssの角丸化_html/css_WEB-ITnose

「角を丸くしないようにしてください。画像をカットする必要があります」「このデザインコードは実装が難しいです」など 昨日、コードだけで角を丸くデザインできるエフェクトをインターネットで見ました、〜。みんなと共有してください ~

まず、スタイル シート ファイルを見てください:
.b1 {height:1px; font-size:1px; display:block:0 5px;}
b2 {高さ:1px; 表示:ブロック; ボーダー右:2ピクセル マージン:0 3ピクセル;
.b3 {高さ:1px; 表示:ブロック; ボーダー右:1px マージン:0 2px ;}
.b4 {高さ:2px; フォントサイズ:1px; 背景:#fff; 境界線-左:1px 余白: 0 1px;}

ページに移動 コード:
gt;gt;
gt;
もちろん、他のタグ

も使用できます。 ;span>、それも可能です

上の 2 つの文の間に左右の境界線コンテンツを追加します
これが効果です:



posted @ 2009-05-17 17:58 mokliu Read ( ...) コメント (... ) コレクションを編集

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。