今回はホームページビルダーのサイトにCSS3を組み込んで、サイトの質をアップさせたいと思います。したアクセントを加えるだけで、サイトが見違えるように面白くなります。<p>シンプルで使いやすいと大人気!今、注目の商品です。ここに紹介が入ります。ここに紹介が入ります。LIST」のページにある画像を、ポップアップ形式で表示させてみたいと思います。hpb18を起動し、CSS3を付けたいページを表示します。「ページ編集」にして、「画像をクリック」します。最後に、「HTMLソース」にします。すると、画像の箇所がハイライト表示(黄色くなる)になります。ハイライト表示された箇所が、7行目の「img」というタグとなります。class=”item”>」という箇所になります。新規スタイルシートにCSS3を記述してみる本来なら既存のスタイルシートを使用するのですが、ごちゃごちゃになるので、新しい外部スタイルシートに記述します。下記のようにスタイルシート名を記述します。名前は何でもOKです!分かりやすいものにしましょう。】スタイル構成の一番下に命名したスタイルシート名が表示されたらOKです。】HTMLで確認したクラス名を下記のように記述します。】これで外部スタイルシートの作業は完了です!あとは、スタイルシートを保存します。src="js/aside.js"></script>最後にページのHTMLに「link(リンク)」を記述します。「<head>内」であれば、どこに記述してもOkです。rel=”~”>」をコピーして、同じような固まっている箇所の付近に記述しましょう。上記の例では15行目あたりに記述しています。最後に作成したスタイルシートと、linkを記述したHTMLをサーバーにアップロードして完了です。実践的なチュートリアルで、Photoshopの基本的な操作・テクニック・レタッチ・合成のポイント・応用まで幅広く学ぶことができます。カスタマイズ2020年7月7日mixhost(ミックスホスト)でWordPressをインストール2020年1月11日スポンサードリンクHomePhotoshop。