![http://www.hp-stylelink.com/news/2013/10/20131004.php](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c5fc76ab42e9d168585f9d6aa771d91b0030780/height=288;version=1;width=512/http%3A%2F%2Fwww.hp-stylelink.com%2Fnews%2Fassets_c%2F2013%2F09%2F20131004_thumbnail-thumb-200x160-74.jpg)
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこともできるのかとアイデアが素晴らしいものもたくさん! デモページ 各デモと共にそのスタイルを紹介します。 まずはHTMLから。基本となるのは、2パターンです。 1つ目は、section要素にclassをつけるだけ。 <section class="ss-style-hogehoge"> コンテンツ </section> 2つ目は、svg要素を使用します。 <section> コンテンツ </section> <svg id="hoge"> SVGの中身 </svg> sctionだけの場合はclass、svgを使用するものはidになっています。 以下、各デモとそのスタイルです。 HTML/C
<登場人物> エリコちゃん そのへんにいる女の子。 ミカ先輩 ここにきて虚言癖が悪化しているエリコの先輩。 すべてを知る者 三千世界を股にかけ過去・未来すべてを見通す存在。 1.わざわざデートと言う女の子 あっ、またエリコちゃんが勤務中にも関わらずスマホをいじっている。 ~♪ どうせTwitterでもしてるんでしょうね。ウォッチ用のアカウントで覗いてみようかしら。どれどれ…。 !? おかしいわね、私の知ってる限りではエリコちゃんは最近男のカゲもないはず…デートの情報をツイッターで知ることになるとは、ぬかったわ。 ~♪ ~数時間後~ ~♪ やけに上機嫌にスマホをいじってるわね。これはTwitterをチェックしなければ…。 で、出た~~~~~!! ただの家族や同性と外食することをネット上でわざわざデートと言う女じゃ~~~~~~!!!!!!!!!!!! セヤーーーーーーー!!!!! ギャーーー!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く