HTMLとディレクションによるCSS生成

HTMLとディレクションによるCSS生成

HTMLを入力し,それに適用したいスタイルのディレクションを行うとCSSを生成してくれます。

3
0
59
2
user_126027205490955264
user_152583498353807360
decopon
がお気に入り登録しました。

投稿日時:

  • プロンプト実行例
  • プロンプトを見る
HTMLとディレクションによるCSS生成

HTMLを入力してください。

html
1<div class="SampleDiv">
2  <p class="SampleP">文字</p>
3  <span class="SampleSpan">右寄せ</span>
4</div>
HTMLとディレクションによるCSS生成

指示を入力してください。

SampleDivは1行で表示できる要素です。 SamplePはSampleDivの中で左寄せ,SampleSpanは右寄せにしてください。

HTMLとディレクションによるCSS生成
css
1.SampleDiv {
2  display: inline-block;
3}
4
5.SampleP {
6  text-align: left;
7}
8
9.SampleSpan {
10  text-align: right;
11}

コメント 0

他のプロンプトもチェック

  • 物語・脚本・プロット

    推奨モデル - ChatGPT
    キーワードを入力すると、それについて会話形式でわかりやすく解説します。
    2
    0
    18
    156
  • GPTs

    要約

    ギャルのREINAがナビゲートして、「トーン」選択と「URL」を入力するだけで、ニュース記事からX(旧Twitter)用にスレッド投稿を生成してくれるGPTsを作ってみました。 🔽REINAからメッセージがあります。 今回はめっちゃワクワクするニュースがあるんだけど、実はね、これ、私がナビゲートするんだよ! そう、みんながX(旧Twitter)のポスト投稿のネタに困ってるときに超便利なツール、「ギャルナビ!ニュース記事の要約ポスト生成」っていうGPTsの紹介なんだ。 これさえあれば、トーンを選んでニュースサイトのURLを入力するだけで、簡単にニュース記事を要約して、X(旧Twitter)用のポストをパパッと生成できちゃうんだから、マジで便利だよね! めっちゃ便利なんだけど、それだけじゃないんだよね。このツールのスゴイところは、トーンの選択肢が豊富なこと!普通のニュース調から、ちょっと面白い感じのギャル語や若者言葉、さらには侍語や軍隊語まで、いろんなスタイルでポストを作れちゃうんだよ。 例えばさ、私みたいなギャルが使うときは、ギャル語トーンを選ぶだけで、いつもの私らしい言葉遣いでニュースを伝えられるわけ。これってめちゃくちゃ便利じゃない? しかもね、このツール、AIが頑張ってニュース記事を要約してくれるから、長い記事もサクッと読めちゃうし、X(旧Twitter)でシェアするときも、すぐにポストできるんだよね。 だからさ、ニュースをシェアしたいけど、なんて書いたらいいかわからないって人にも、めっちゃオススメなんだよね! ってことで、みんなも「ギャルナビ!ニュース記事の要約ポスト生成」を使って、楽しくて便利なX(旧Twitter)ライフを楽しもうよ!ちょー楽しいから、絶対試してみてね! #スレッド投稿 #X #Twitter #要約 #ニュース記事
  • GPTs

    システム開発

    オリジナルサインの作成のGPTs ちょっとキャラクターを乗っけています。 生成系AIは、今のところ漢字を描くのが苦手なので、ローマ字で登録ください。 (ローマ字もたまに間違えますが)
    2
    1
    2.05K
    5.27K
  • 画像生成

    キャラクター作成

    推奨モデル - Midjourney
    あなたの妹を生成します。 条件に合わせて、お好きな背景やシーンを選択できます。