2/3 文字列を扇形にカーブさせたり円形に配置させる方法 [ホームページ作成] All About文字列を円形やアーチ状(扇形)に並べて配置する方法文字列を、円形に配置して表示したり、アーチ状（扇形）にカーブさせて表示したりする方法を解説。jQueryを使うスクリプト「Arctext.js」を活用すれば、テキストを画像化することなく自由な半径でアーチ状に配置できます。上向き・下向きのアーチを組み合わせれば、コーヒー店のロゴのように文字を円形に配置することもできます。
![2/3 文字列を扇形にカーブさせたり円形に配置させる方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/edb7595cd3e4da1dbd2f5ebaa184a2f9926dfd9e/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F3%2F8%2F4%2F1%2F8%2Ftopimg_large.jpg)
3/3 idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About
idとclassの違いと使い分け！スタイルシート(CSS)適用法(3ページ目)idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 id属性を使うと「ページ内リンク」も作れる ある要素にid名が割り振られていれば、対象を一意に特定できます。そのため、id名は「ページ内リンク」のリンク先を指し示す用途としても使えます。 たとえば次のようにリンク(a要素)を記述した場合を考えます。 <a href="#footer">ページ末尾へ</a> 上記は「ページ内リンク」を作るHTMLソースです。このように記述した場合
![3/3 idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
簡単焼きナス [一人暮らし] All About
= 作り方 = 1. ナスを縦に4つ程度に切ります。 2. フライパンにサラダオイルを薄く敷き、皮を上にして焼きます。皮は焦げやすいので、あとで焼くのがポイント。ふたをして3分ほど蒸し焼きにします。 3. ナスをひっくり返して、さらに3分ほど焼きます。 4. 水大さじ3に、しょう油、砂糖、みりん、酒、だしの素を加えて、おろししょうがとゴマをよく混ぜ合わせます。 5. 3.が全体的にしんなりとしたら、4.のタレへ漬け込み、しばらく置いたらできあがり。 今回ご紹介いただいた4品の中で、私のイチオシレシピです。しょうがとゴマの香りが、お酒のつまみにぴったり。「酒飲みさんはしょうがを多めに入れるといいですよ」とのこと。私もすでに数回作り、ビールをくいっといただきました（笑）。 この料理を作ってくれたりりーさんのその他のオリジナルレシピは『簡単・手軽・食欲増進☆夏レシピ』にも紹介されています。ぜひ併
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ハワイアンどんぶり「ロコモコ丼」レシピ……タレも手作り！ [家族のお弁当レシピ] All About![ハワイアンどんぶり「ロコモコ丼」レシピ……タレも手作り！ [家族のお弁当レシピ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ad15351d0829b439df4be5169a15e9c68f7308b/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F4%2F3%2F4%2F0%2F1619520272%2Ftopimg_original.jpeg)