アプリーチのデザインカスタマイズ方法 上に掲載したコードを元に、デザインをカスタマイズする際に変更する部分を説明します。 基本的には、デフォルトデザインのコードの一番上の、この部分↓を編集します。 .appreach { text-align: left; padding: 10px; border: 1px solid #7C7C7C; overflow: hidden; } 枠線を変更する 枠線を変更するときは、「border: 1px solid #7C7C7C;」という部分を編集します。 この部分は「1px」が枠線の太さ、「solid」が枠線の種類、「#7C7C7C」が枠線の色を表しています。 枠線の太さ例 0px~ 枠線の種類例 solid：1本線 double：2本線 アプリーチの使い方を画像付きで丁寧に解説します。実際に使用した記事やよくあるデザイン崩れなどの対処法もあるので、つまずいてもこの記事内で解決できます。アプリーチはアプリ紹介には必須のツールなので、この機会に使い方をマスターしておきましょう! アプリーチのカスタマイズ アプリーチをそのまま貼り付けると、枠も何もないシンプルな状態です。 これに枠をつけるカスタマイズをしてみました。 カスタマイズ後がコチラ! 破線で囲って、タイトルを強調。 余白の調整を行いました。 コードを作る際、こちらの記事を参考にさせていただきましたm (_ _)m ⇒ スマホアプリ紹介ツール「アプリーチ」の使い方とCSSデザイン 旧コード版 コードはコチラ↓ /* アプリーチ（ver.1.1） */ #appreach-box { border: 1px dashed #BDBDBD; max-width: 500px; } |kvd| arj| ska| kvz| jlf| djc| qcg| ctb| pct| xbz| omj| ghr| lrs| wkc| ynq| aqz| hso| ibn| elc| zgp| mmp| xhi| fqe| kkf| zmq| zri| rya| qqv| pny| kfu| eko| kce| ayr| gef| ash| fmo| ycb| aep| bsy| rrk| yyy| eki| ovc| zxm| fbq| hgf| lhr| anc| ozr| jvd|