“Krispy Kreme Doughnuts”
新宿サザンテラスにいつも長蛇の列を作っている人気のドーナツ屋さん「クリスピー・クリーム・ドーナツ(Krispy Kreme Doughnuts)」。ドーナツの箱がピザの箱みたいでアメリカン!すごく甘いのかと思ってたら、意外とほどよい甘さ。生地はややわらかくてふんわりしてました!
汐留シティの41階にある「The OREGON Bar & Grill」
夜景がすごくきれいでした。
東京タワーを目の前に、豪華なディナーを楽しめます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="imagetoolbar" content="no" /> <title>Anti-aliased Round Corners with JQuery | 設置サンプル</title> <link rel="stylesheet" type="text/css" href="/content/lib/global.css" /> <!-- JS --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <script type="text/javascript" src="/content/lib/jquery/jquery.curvycorners.min.js"></script> <script type="text/javascript"> $(function(){ $('.c').corner(); $('.inner').corner({tl:{radius:6},tr:{radius:6},bl:{radius:6},br:{radius:6}}); $('.c2').corner({tl:{radius:16},tr:false,bl:false,br:{radius:16},antiAlias:true,autoPad:true,validTags:["div"]}); }); </script> <!-- CSS --> <style type="text/css"> .container { border:0; text-align:center; margin:64px auto; width:375px; } .inner { padding:0; border:1px solid #fff; } .c { background:#000; border:4px solid #000; padding:6px 0; color:#fff; }/* padding to make innner rounded box fit; top bottom padding = inner radius */ .c p { margin:15px; } .c2 { background:transparent url("http://farm4.static.flickr.com/3064/3053382328_d2b1a4c111.jpg") no-repeat 0 0; padding:20% 8px; border:8px solid #000; color:#fff; height:220px; } </style> <link rel="stylesheet" type="text/css" href="/common/css/example.css"></head> <body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP & JavaScript Room</a> :: 設置サンプル</h1> <h3 class='h'>実行結果</h3> <div id="wrap"> <h1><a href='http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery'>Anti-aliased Round Corners with JQuery</a> | 設置サンプル</h1> <!-- CODE --> <div class="container"> <div class="c"> <div class="inner"> <p><strong>“Krispy Kreme Doughnuts”</strong></p> <p>新宿サザンテラスにいつも長蛇の列を作っている人気のドーナツ屋さん「クリスピー・クリーム・ドーナツ(Krispy Kreme Doughnuts)」。ドーナツの箱がピザの箱みたいでアメリカン!すごく甘いのかと思ってたら、意外とほどよい甘さ。生地はややわらかくてふんわりしてました!</p> </div> </div> </div> <div class="container"> <div class="c2"> <p>汐留シティの41階にある「The OREGON Bar & Grill」<br>夜景がすごくきれいでした。<br>東京タワーを目の前に、豪華なディナーを楽しめます。</p> </div> </div> <!-- / CODE --> </div> </body> </html>