jQuery を使って動的で高品質なウェブサイトを構築する方法を解説しています。なるべく動くサンプルコードを記載しています。
jQuery 入門jQuery 入門
jQuery の使い方
jQuery の基礎
jQuery モバイル
jQuery UI
サンプルのテーマ変更

jQuery の拡張
関連サイト
サイト情報
ホーム > jQuery UI の利用 > jQuery UI - 角を丸くする

jQuery UI - 角を丸くする

少し角に丸みをつけるだけで、先進的で洗練された UI を持つ印象を与えることができる場合があります。

jQuery では角を丸くするだけのプラグインもありますが、jQuery UI のテーマをうまく設定するだけで、角を丸くしたりできます。

角を丸くする

class に ui-widget-content ui-corner-all を指定することで、テーマにマッチして角が丸くなります。

これはテストです。

部分的に角を丸くする

class に ui-widget-content ui-corner-tr ui-corner-bl を指定することで、テーマにマッチして角を丸くすることができます。

これはテストです。

小山圭介 著者
小山 圭介
4/15/1973生
米国在住のソフトウェアエンジニア。ITコンサルタント.. »プロフィール

© 2011-2017 Keisuke Oyama jQuery 入門