[記事数:1,202] 日本を元気にするキーワード、地域活性化×中小企業× ITのTips and Quotes(秘訣と引用文)
creative  link  memo 

画像を使わずにCSSだけで角を丸くする方法



kadomaru5

CSS3で追加されたborder-radiusプロパティを使えば、スタイルシートだけで枠線の角を丸くできます。これなら、「四隅の角丸を画像で用意して配置を工夫する」というような複雑で面倒なことをせずに、簡単にボックスの角を丸くできます。





FavoriteLoadingお気に入りAdd to favorites
見出しデザイン CSS直接style指定タイプ... ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ...
カテゴリ表示を横並びにカスタマイズ... Twenty Fifteenのカテゴリ表示を横並びにカスタマイズ Widget全部を指定 Twenty Fifteenのカテゴリ表示を横並びにカスタマイズ;; | ジョッパリ・ワールド CS...
WordPressで記事ごとに個別のCSSを設定する方法... body内のstyle指定は非推奨 一部分のスタイルを変えるだけなら、本文内で直接指定するのが一番楽かもしれません。 指定方法はおもに 2 つ。 まず 1 つ目は、style を記事本文入力エリアの冒頭に書いてしまう方法。 2 つ目は、タグに直接 styl...
WordPressの投稿者名をcssで非表示にする方法... 「表示オプション」の “作成者” は、投稿編集画面の作成者メタボックス(ドロップダウンで作成者を選ぶ)を表示するか隠すかを決めるものです。投稿一覧ページや個別投稿ページの投稿者名には影響しません。 CSSに下記のスタイル指定を入れれば、投稿一覧ページや個別投稿ページの投稿者名を非表示にでき...
CSSで作る見出しデザイン 【CSS】先頭に四角形が入った見出しのデザインを真似してみました | キノめも Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える | Webクリエイターボックス CSSで作る見出しデザイン | Web’Notes 見出...
WordPressタグクラウドのデザインをカスタマイズするCSS... アイコンも入れたい場合追加↓ STINGER7:タグクラウドのデザインをカスタマイズする方法【サイドバーウィジェット】 - うぇぶあしび ...
ul,olのリストを横並びに 【CSS】ul,olのリストを横並びにするときにfloatじゃなくてdisplay:inline-blockを使う方法 | delaymania CSSでリストを横並びのメニューにする | m-School リストタグで横並びメニュー ...
CSSで括弧を表現したサンプル CSSで括弧を表現したサンプル 目次 丸括弧 () 鉤括弧 「」 角括弧 [] 隅付き括弧 【】 山括弧 〈〉 CSSで括弧を表現したサンプル | NxWorld ...
FacebookのLike Boxは2015年6月23日で終了。Page Pluginに変わります... FacebookのLikeBox(サイトにFacebookページの情報を埋め込むための仕組み)の仕様がかわり、2015年6月23日から使用しているLikeboxが使えなくなります。 名称もLikeboxから「Page Plugin」に変更になります。 ・Page Pluginのレスポンシブ対...
シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50... シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 ...

コメントを残す