サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


02.初めてのcssでwebデザイン:index.html


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
最新のリビジョン両方とも次のリビジョン
02.初めてのcssでwebデザイン:index.html [2018/12/08] adash33302.初めてのcssでwebデザイン:index.html [2018/12/08] – [Bulmaを利用したホームページの作成] adash333
行 52: 行 52:
  
 https://adash333.github.io/bulma-test/column.html https://adash333.github.io/bulma-test/column.html
 +{{:02.初めてのcssでwebデザイン:pasted:20181209-020732.png}}
 +
 +スマホでの表示
 +{{:02.初めてのcssでwebデザイン:pasted:20181209-020752.png}}
  
 参考 参考
行 70: 行 74:
  
 以下のような1ページのみからなるホームページを作成してみます。 以下のような1ページのみからなるホームページを作成してみます。
- 
  
 https://adash333.github.io/bulma-test/ https://adash333.github.io/bulma-test/
 +{{:02.初めてのcssでwebデザイン:pasted:20181209-020848.png}}
  
 ==== 0.用意するもの(開発環境) ==== ==== 0.用意するもの(開発環境) ====
行 208: 行 211:
 </html> </html>
  
-なぜかはよく分からないのですが、CSSフレームワークBulmaを用いる場合は、以下のように、最初に<wrap hi><section class="section"><div class="container">で囲んでおく</wrap>と、思ったようなデザインにできることが多いです。+なぜかはよく分からないのですが、CSSフレームワークBulmaを用いる場合は、以下のように、最初に<wrap hi>section class="section"とdiv class="container"</wrap>で囲んでおくと、思ったようなデザインにできることが多いです。
  
 <code> <code>


02.初めてのcssでwebデザイン/index.html.txt · 最終更新: 2019/01/29 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki