ニコニコチャンネル

部活！＃ニコニコ卓球部

コメ1 桃知みなみのひみつチャンネル 141ヶ月前

ももっちーーっす(ο´ω｀ο)♪先日の卓球部練習放送、ご視聴ありがともっち☆やまだん部長、爆笑コメディアンズ(半澤さんは練習に参加、秀作さんは爆コメチャンネルを放送)、F２鈴川さん、加茂フミヨシさんとももちでれんしゅうしたよ！桃知チャンネル、やまだん(部長)が放送機材持ってきてくれて仕切ってくださりましたっ！...

部活！＃ニコニコ卓球部

コメ1 桃知みなみのひみつチャンネル 141ヶ月前

ももっちーーっす(ο´ω｀ο)♪先日の卓球部練習放送、ご視聴ありがともっち☆やまだん部長、爆笑コメディアンズ(半澤さんは練習に参加、秀作さんは爆コメチャンネルを放送)、F２鈴川さん、加茂フミヨシさんとももちでれんしゅうしたよ！桃知チャンネル、やまだん(部長)が放送機材持ってきてくれて仕切ってくださりましたっ！...
jQueryでボタンを押したときに文字を消す（非表示にする）

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト<script type="text/javascript">$(function(){ $("button#yamato").click(function(){ $("p").addClass("tokyo"); })});</script>●HTML<button id="yamato">ここをクリックすると文字が消えます</button><p>東京</p>●CSSp.tokyo{display: none;}まず最初に、ブラウザにはボタンと、東京という文字が表...

jQueryでボタンを押したときに文字を消す（非表示にする）

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト<script type="text/javascript">$(function(){ $("button#yamato").click(function(){ $("p").addClass("tokyo"); })});</script>●HTML<button id="yamato">ここをクリックすると文字が消えます</button><p>東京</p>●CSSp.tokyo{display: none;}まず最初に、ブラウザにはボタンと、東京という文字が表...
CSSで特定のクラスを持つ要素のみを非表示にする

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●HTML<p class="tokyo">東京</p><p class="osaka">大阪</p><p class="nagoya">名古屋</p>●CSSp.tokyo{display: none;}本来なら、東京、大阪、名古屋、と３つのp要素がブラウザに表示されるはずである。しかしブラウザには、東京は表示されない。これは、CSSでdisplay: none;を東京に適用しているからである。大阪と名古...

CSSで特定のクラスを持つ要素のみを非表示にする

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●HTML<p class="tokyo">東京</p><p class="osaka">大阪</p><p class="nagoya">名古屋</p>●CSSp.tokyo{display: none;}本来なら、東京、大阪、名古屋、と３つのp要素がブラウザに表示されるはずである。しかしブラウザには、東京は表示されない。これは、CSSでdisplay: none;を東京に適用しているからである。大阪と名古...
jQueryで複数あるp要素の、2番目以降の文字の色を全て変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト$(function(){ $("p:not(:first)").css("color", "red");});●HTML<p>東京</p><p>大阪</p><p>名古屋</p>スクリプトの　p:not(:first)　は、p要素の一番最初以外、つまり２番目以降を意味する。２番目以降にはすべてcssでredが適用されるので、東京のみ黒字となり、大阪と名古屋は赤字となる。サンプルソースh...

jQueryで複数あるp要素の、2番目以降の文字の色を全て変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト$(function(){ $("p:not(:first)").css("color", "red");});●HTML<p>東京</p><p>大阪</p><p>名古屋</p>スクリプトの　p:not(:first)　は、p要素の一番最初以外、つまり２番目以降を意味する。２番目以降にはすべてcssでredが適用されるので、東京のみ黒字となり、大阪と名古屋は赤字となる。サンプルソースh...
jQueryで複数あるp要素の最初の文字のみ色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト$(function(){ $("p:first").css("color", "red");});●HTML<p>東京</p><p>大阪</p><p>名古屋</p>３つあるp要素のうち、最初のp要素（東京）のみを first で選択する。その選択された要素にのみ、cssでredが適用される。よって、東京の文字だけが赤色になる。サンプルソースhttp://tokyo-webs.jp/sample_sour...

jQueryで複数あるp要素の最初の文字のみ色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト$(function(){ $("p:first").css("color", "red");});●HTML<p>東京</p><p>大阪</p><p>名古屋</p>３つあるp要素のうち、最初のp要素（東京）のみを first で選択する。その選択された要素にのみ、cssでredが適用される。よって、東京の文字だけが赤色になる。サンプルソースhttp://tokyo-webs.jp/sample_sour...
jQueryでボタンをクリックしたときに文字の色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト<script type="text/javascript">$(function(){ $("button#yamato").click(function(){ $("p").removeClass("red"); $("p").addClass("green"); })});</script>●HTML<button id="yamato">ここをクリックすると色が変わります</button><p class="red">東京</p>●CSSp.red{color: red;}p.green{color: g...

jQueryでボタンをクリックしたときに文字の色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト<script type="text/javascript">$(function(){ $("button#yamato").click(function(){ $("p").removeClass("red"); $("p").addClass("green"); })});</script>●HTML<button id="yamato">ここをクリックすると色が変わります</button><p class="red">東京</p>●CSSp.red{color: red;}p.green{color: g...
jQueryでボタンを押したときに色を消す

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト<script type="text/javascript">$(function(){ $("button#yamato").click(function(){ $("p").removeClass("red"); })});</script>●HTML<button id="yamato">ここをクリックすると色が消えます</button><p class="red">東京</p>●CSSp.red{color: red;}最初に、ブラウザには赤い文字で東京と表示される...

jQueryでボタンを押したときに色を消す

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

●スクリプト<script type="text/javascript">$(function(){ $("button#yamato").click(function(){ $("p").removeClass("red"); })});</script>●HTML<button id="yamato">ここをクリックすると色が消えます</button><p class="red">東京</p>●CSSp.red{color: red;}最初に、ブラウザには赤い文字で東京と表示される...
jQueryでボタンを押すたびに文字を表示させたり消したりする

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("button#kesu").click(function(){ $(".tokyo").html(""); }) $("button#hyouzi").click(function(){ $(".tokyo").html("トウキョウ"); })});</script><button id="hyouzi">表示する</button><button id="kesu">消す</button><div class="tokyo">東京</...

jQueryでボタンを押すたびに文字を表示させたり消したりする

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("button#kesu").click(function(){ $(".tokyo").html(""); }) $("button#hyouzi").click(function(){ $(".tokyo").html("トウキョウ"); })});</script><button id="hyouzi">表示する</button><button id="kesu">消す</button><div class="tokyo">東京</...
jQueryでボタンを押すたびにHTMLを追記する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("button").click(function(){ $(".tokyo").after("<span>東京です。</span>"); })});</script><p>ボタンを押すと、HTMLが追加されます。</p><button>ここをクリック</button><div class="tokyo"></div>ボタンを押すタイミングで、イベントが発生し、jQueryにて...

jQueryでボタンを押すたびにHTMLを追記する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("button").click(function(){ $(".tokyo").after("<span>東京です。</span>"); })});</script><p>ボタンを押すと、HTMLが追加されます。</p><button>ここをクリック</button><div class="tokyo"></div>ボタンを押すタイミングで、イベントが発生し、jQueryにて...
jQueryでボタンを押したときに写真を変更する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("button").click(function(){ $("img").attr("src","neko.png") })});</script><p>ボタンを押すと、犬の写真が猫に変わります。</p><button>画像を変更する</button><img src="inu.png">もともとは犬の画像を表示させている。しかしjQueryによって、ボタンクリ...

jQueryでボタンを押したときに写真を変更する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("button").click(function(){ $("img").attr("src","neko.png") })});</script><p>ボタンを押すと、犬の写真が猫に変わります。</p><button>画像を変更する</button><img src="inu.png">もともとは犬の画像を表示させている。しかしjQueryによって、ボタンクリ...
jQueryでリンク先を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("a").attr("href","http://www.yahoo.co.jp/");});</script><a href="https://www.google.co.jp/">グーグルにリンク（でもヤフーに変わる）</a>本来ならグーグルhttps://www.google.co.jp/にリンクするところを、jQueryの.attrによって、ヤフーのURLhttp://www.yahoo.c...

jQueryでリンク先を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("a").attr("href","http://www.yahoo.co.jp/");});</script><a href="https://www.google.co.jp/">グーグルにリンク（でもヤフーに変わる）</a>本来ならグーグルhttps://www.google.co.jp/にリンクするところを、jQueryの.attrによって、ヤフーのURLhttp://www.yahoo.c...
jQueryでHTMLを追加する（リンク付きダブルクォート含む）

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $(".onamae").after("<span>ケン<a href=\"#\">イチ</a>ロウ</span>");});</script><span class="onamae">大和</span>jQueryの.afterで追加するHTMLソースコードは、""で囲む必要がある。しかし、ソースコード自体に " が含まれる場合は、直前に \ をつけてエスケープし...

jQueryでHTMLを追加する（リンク付きダブルクォート含む）

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $(".onamae").after("<span>ケン<a href=\"#\">イチ</a>ロウ</span>");});</script><span class="onamae">大和</span>jQueryの.afterで追加するHTMLソースコードは、""で囲む必要がある。しかし、ソースコード自体に " が含まれる場合は、直前に \ をつけてエスケープし...
jQueryでHTMLを追加する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $(".onamae").after("<span>ケンイチロウ</span>");});</script><span class="onamae">大和</span>ブラウザには大和ケンイチロウと表示される。ケンイチロウの部分が、jQueryによって追加されたHTMLである。サンプルソースhttp://tokyo-webs.jp/sample_source/130311d/東...

jQueryでHTMLを追加する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $(".onamae").after("<span>ケンイチロウ</span>");});</script><span class="onamae">大和</span>ブラウザには大和ケンイチロウと表示される。ケンイチロウの部分が、jQueryによって追加されたHTMLである。サンプルソースhttp://tokyo-webs.jp/sample_source/130311d/東...
jQueryでclass毎に色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $(".rin").css("color","#FF6666"); $(".mik").css("color","#3333FF"); $(".ban").css("color","#339933");});</script><ul><li class="rin">りんご</li><li class="mik">みかん</li><li class="ban">ばなな</li></ul>以上のように、jQueryにて、class毎にCSSで色を指...

jQueryでclass毎に色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $(".rin").css("color","#FF6666"); $(".mik").css("color","#3333FF"); $(".ban").css("color","#339933");});</script><ul><li class="rin">りんご</li><li class="mik">みかん</li><li class="ban">ばなな</li></ul>以上のように、jQueryにて、class毎にCSSで色を指...
jQueryでid毎に色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("#ringo").css("color","red"); $("#mikan").css("color","blue"); $("#banana").css("color","green");});</script><ul><li id="ringo">りんご</li><li id="mikan">みかん</li><li id="banana">ばなな</li></ul>以上のように、jQueryにて、id毎にCSSで色を指定でき...

jQueryでid毎に色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<script type="text/javascript">$(function(){ $("#ringo").css("color","red"); $("#mikan").css("color","blue"); $("#banana").css("color","green");});</script><ul><li id="ringo">りんご</li><li id="mikan">みかん</li><li id="banana">ばなな</li></ul>以上のように、jQueryにて、id毎にCSSで色を指定でき...
jQueryで文字の色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

jQueryライブラリを読み込んでいる状態で、<script type="text/javascript">$(function(){ $("li").css("color","red");});</script>と記述する。HTML側は<ul><li>りんご</li><li>みかん</li><li>ばなな</li></ul>とする。すると、文字の色が赤に変わる。これは、jQueryのfunctionにて、CSSのcolorが操作されたことを意...

jQueryで文字の色を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

jQueryライブラリを読み込んでいる状態で、<script type="text/javascript">$(function(){ $("li").css("color","red");});</script>と記述する。HTML側は<ul><li>りんご</li><li>みかん</li><li>ばなな</li></ul>とする。すると、文字の色が赤に変わる。これは、jQueryのfunctionにて、CSSのcolorが操作されたことを意...
jQueryのページ遷移にてGETでパラメータを渡す方法

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

まず index.php を作成し、下記のように記載しておく。<?php// isset判定を入れないと「Notice: Undefined index」と表示されるので注意。$photo_size = ''; if(isset($_GET["photo_size"])){ $photo_size = $_GET["photo_size"]; }$photo_id = ''; if(isset($_GET["photo_id"])){ $photo_id = $_GET["photo_id"]; }// ...

jQueryのページ遷移にてGETでパラメータを渡す方法

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

まず index.php を作成し、下記のように記載しておく。<?php// isset判定を入れないと「Notice: Undefined index」と表示されるので注意。$photo_size = ''; if(isset($_GET["photo_size"])){ $photo_size = $_GET["photo_size"]; }$photo_id = ''; if(isset($_GET["photo_id"])){ $photo_id = $_GET["photo_id"]; }// ...
CSSでz-indexを用いて２つのdivの重なり順を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<div class="tokyo">東京</div> <div class="kanagawa">神奈川</div> div{width: 200px;border: 1px solid #F00;}div.tokyo{background-color:lightpink; position: absolute;top: 0px;left: 0px;z-index: 2;}div.kanagawa{background-color:lightskyblue;position: absolute;top: 10px;left: 5px;z-index: 1;}東京と...

CSSでz-indexを用いて２つのdivの重なり順を変える

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<div class="tokyo">東京</div> <div class="kanagawa">神奈川</div> div{width: 200px;border: 1px solid #F00;}div.tokyo{background-color:lightpink; position: absolute;top: 0px;left: 0px;z-index: 2;}div.kanagawa{background-color:lightskyblue;position: absolute;top: 10px;left: 5px;z-index: 1;}東京と...
CSSでposition:absoluteを用いてdiv毎に絶対位置を指定する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<div class="tokyo">東京</div> <div class="kanagawa">神奈川</div> div{width: 200px;border: 1px solid #F00;}div.tokyo{position: absolute;top: 0px;left: 0px;}div.kanagawa{position: absolute;top: 0px;left: 0px;}東京と神奈川、いずれも top と left を 0 にしているので、２つのdivが重なって見える。top ...

CSSでposition:absoluteを用いてdiv毎に絶対位置を指定する

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<div class="tokyo">東京</div> <div class="kanagawa">神奈川</div> div{width: 200px;border: 1px solid #F00;}div.tokyo{position: absolute;top: 0px;left: 0px;}div.kanagawa{position: absolute;top: 0px;left: 0px;}東京と神奈川、いずれも top と left を 0 にしているので、２つのdivが重なって見える。top ...
CSSでfloatを用いて左寄せの段組をする方法

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div><div class="saitama">埼玉</div><div class="nagano">長野</div><div class="fukuoka">福岡</div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF; width:600px;}div....

CSSでfloatを用いて左寄せの段組をする方法

コメ0 東京ウェブ制作ブロマガ 142ヶ月前

<div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div><div class="saitama">埼玉</div><div class="nagano">長野</div><div class="fukuoka">福岡</div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF; width:600px;}div....
本日20時、公式ニコ生！※組曲もあるよ

コメ0 PSP版グリザイアの果実発売記念 "グリザイアの宣伝" 公式ブロ... 142ヶ月前

ついに本日！PSP版「グリザイアの果実」発売ですー！どーん！ファミ通シルバー殿堂入りおめでとう！ありがとう！ということで、入巣蒔菜役のたみやすともえさんをメインＭＣ、小嶺幸役の清水愛さんをゲストにお迎えしての第1回放送！渡辺明夫さんの生お絵かきは、番組中でリアルタイムアンケートを実施！渡辺さんに好き...

本日20時、公式ニコ生！※組曲もあるよ

コメ0 PSP版グリザイアの果実発売記念 "グリザイアの宣伝" 公式ブロ... 142ヶ月前

ついに本日！PSP版「グリザイアの果実」発売ですー！どーん！ファミ通シルバー殿堂入りおめでとう！ありがとう！ということで、入巣蒔菜役のたみやすともえさんをメインＭＣ、小嶺幸役の清水愛さんをゲストにお迎えしての第1回放送！渡辺明夫さんの生お絵かきは、番組中でリアルタイムアンケートを実施！渡辺さんに好き...
CSSでdivのボーダー（枠線）を角丸にする方法（四隅一括設定）

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 1px solid #0000FF;width:200px;padding: 10px 10px 10px 10px;margin: 30px 0px 10px 25px;-webkit-border-r...

CSSでdivのボーダー（枠線）を角丸にする方法（四隅一括設定）

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 1px solid #0000FF;width:200px;padding: 10px 10px 10px 10px;margin: 30px 0px 10px 25px;-webkit-border-r...
CSSでdivのマージン（枠外の余白）を指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;width:200px;padding: 10px 10px 10px 10px;margin: 30px 0px...

CSSでdivのマージン（枠外の余白）を指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;width:200px;padding: 10px 10px 10px 10px;margin: 30px 0px...
CSSでdivのパディング（枠内の余白）を指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;width:200px;padding: 10px 10px 10px 10px;}div.kanagawa{ba...

CSSでdivのパディング（枠内の余白）を指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;width:200px;padding: 10px 10px 10px 10px;}div.kanagawa{ba...
CSSでdiv毎に高さを指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;width:200px;height:50px}div.kanagawa{background-color:lig...

CSSでdiv毎に高さを指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;width:200px;height:50px}div.kanagawa{background-color:lig...
CSSでdiv毎に横幅を指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;width:50px;}div.kanagawa{background-color:lightskyblue;bo...

CSSでdiv毎に横幅を指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;width:50px;}div.kanagawa{background-color:lightskyblue;bo...
CSSでdiv毎にボーダー（枠線）を指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;}div.kanagawa{background-color:lightskyblue;border: 4px s...

CSSでdiv毎にボーダー（枠線）を指定する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

検証ブラウザ：Google Chrome<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:lightpink;border: 4px solid #0000FF;}div.kanagawa{background-color:lightskyblue;border: 4px s...
フレキシブルボックスでdiv要素を水平に並べる方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

※本機能はIEでは未サポートなのでご注意ください。<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:red;}div.kanagawa{background-color:lightskyblue;}div.osaka{background-col...

フレキシブルボックスでdiv要素を水平に並べる方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

※本機能はIEでは未サポートなのでご注意ください。<div class="nippon"><div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div></div>div.tokyo{background-color:red;}div.kanagawa{background-color:lightskyblue;}div.osaka{background-col...
CSSでdiv毎に背景色とフォントサイズを適用する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

HTML側で下記のようにクラスを指定しておきます。<div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div>スタイルシート側で、クラス毎にフォントサイズと背景色を適用できます。div.tokyo{font-size: 20px;background-color:red;}div.kanagaw...

CSSでdiv毎に背景色とフォントサイズを適用する方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

HTML側で下記のようにクラスを指定しておきます。<div class="tokyo">東京</div><div class="kanagawa">神奈川</div><div class="osaka">大阪</div><div class="nagoya">名古屋</div>スタイルシート側で、クラス毎にフォントサイズと背景色を適用できます。div.tokyo{font-size: 20px;background-color:red;}div.kanagaw...
アレン・キボム楽屋レポ2013年２月５日(火）

コメ2 日向琴子のアレン・キボムMCブログ 143ヶ月前

本日放送予定だった　ニコニコ動画がなくなっちゃったので＞＜。ファンの皆様がさみしくないよーに楽屋裏の写真や秘蔵写真をお届けしたいと思います♫脇腹セクシー(≧∇≦*)

アレン・キボム楽屋レポ2013年２月５日(火）

コメ2 日向琴子のアレン・キボムMCブログ 143ヶ月前

本日放送予定だった　ニコニコ動画がなくなっちゃったので＞＜。ファンの皆様がさみしくないよーに楽屋裏の写真や秘蔵写真をお届けしたいと思います♫脇腹セクシー(≧∇≦*)
【お知らせ】｢大⑨州東方祭７｣に出店しますよ～

コメ0 AKIBA-HOBBY Blog 143ヶ月前

まわりはみんな　｢大⑨州東方祭７｣にいっちゃってます＞＜そして、当店も今回は企業ブースで出店してますよ～！！

【お知らせ】｢大⑨州東方祭７｣に出店しますよ～

コメ0 AKIBA-HOBBY Blog 143ヶ月前

まわりはみんな　｢大⑨州東方祭７｣にいっちゃってます＞＜そして、当店も今回は企業ブースで出店してますよ～！！
レイトン教授のナゾトキブレイクチョコレート（グリコ）フォトレビュー

コメ0 ガジェ通 143ヶ月前

グリコの新製品『レイトン教授のナゾトキブレイクチョコレート』が1/15に新登場。早速フォトレビューさせていただきました。（撮影：ガジェット通信撮影班　周二郎探検隊、wosa）■「レイトン教授のナゾトキブレイクチョコレート」（グリコ）（メーカー公式リリースより）江崎グリコ株式会社は、株式会社レベルファイブ...

レイトン教授のナゾトキブレイクチョコレート（グリコ）フォトレビュー

コメ0 ガジェ通 143ヶ月前

グリコの新製品『レイトン教授のナゾトキブレイクチョコレート』が1/15に新登場。早速フォトレビューさせていただきました。（撮影：ガジェット通信撮影班　周二郎探検隊、wosa）■「レイトン教授のナゾトキブレイクチョコレート」（グリコ）（メーカー公式リリースより）江崎グリコ株式会社は、株式会社レベルファイブ...
アレンさん海外につき※2月ライブスケジュール※訂正です＞＜。

コメ2 日向琴子のアレン・キボムMCブログ 143ヶ月前

アレンさんが海外に行くことになりましてライブスケジュールが　一部変更になりました。（急な変更でごめんなさい＞＜。）新しいスケジュールはコチラです☆宜しくお願いします。2/2(土）2/12(火)2/20(水)2/26(火)スタートは、いつもと同じ19：00です＾＾/海外ってなんの用事なんでしょ？？？プライベートレポートでの報...

アレンさん海外につき※2月ライブスケジュール※訂正です＞＜。

コメ2 日向琴子のアレン・キボムMCブログ 143ヶ月前

アレンさんが海外に行くことになりましてライブスケジュールが　一部変更になりました。（急な変更でごめんなさい＞＜。）新しいスケジュールはコチラです☆宜しくお願いします。2/2(土）2/12(火)2/20(水)2/26(火)スタートは、いつもと同じ19：00です＾＾/海外ってなんの用事なんでしょ？？？プライベートレポートでの報...
レイトン教授のナゾトキブレイクチョコレート（グリコ）フォトレビュー

コメ0 【無料】ガジェット通信ブロマガ 143ヶ月前

グリコの新製品『レイトン教授のナゾトキブレイクチョコレート』が1/15に新登場。早速フォトレビューさせていただきました。（撮影：ガジェット通信撮影班　周二郎探検隊、wosa）■「レイトン教授のナゾトキブレイクチョコレート」（グリコ）（メーカー公式リリースより）江崎グリコ株式会社は、株式会社レベルファイブ...

レイトン教授のナゾトキブレイクチョコレート（グリコ）フォトレビュー

コメ0 【無料】ガジェット通信ブロマガ 143ヶ月前

グリコの新製品『レイトン教授のナゾトキブレイクチョコレート』が1/15に新登場。早速フォトレビューさせていただきました。（撮影：ガジェット通信撮影班　周二郎探検隊、wosa）■「レイトン教授のナゾトキブレイクチョコレート」（グリコ）（メーカー公式リリースより）江崎グリコ株式会社は、株式会社レベルファイブ...