💡Cloud9でオリジナル制作をしている方はこちらを確認してください。
このサイト左のメニューからパーツの種類別に探すことができます。好きなサンプルをみつけたら、クリックしてください。
「できあがりイメージ」に完成見本が、「つくりかた」に具体的な手順があります。
サンプルによって、HTMLの確認が必要な場合、CSSの確認が必要な場合があります。 ソースコード左上の表示で、HTMLもしくはCSSのどちらを対象にしているのかを確認してください。
サンプルの「つくりかた」に書いてある解説を読んでから、HTMLやCSSのソースコードをコピーしてください。
テックレッスン制作環境の画面で、Step1でコピーしたソースコードを目的の場所に貼り付け(ペースト)してください。
※どの部分に貼り付けしたらよいかについては、サンプルの解説に書いてあります。
値を自分のサイトに合うように書き換えることで、見た目を調整することができます。CSSのプロパティによって指定できる値は異なります(色・形状・幅や高さの数値など)。