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

おだんごん

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

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

がお気に入り登録しました。

投稿日時：

プロンプト実行例
プロンプトを見る

HTMLを入力してください。

html
1<div class="SampleDiv">
2  <p class="SampleP">文字</p>
3  <span class="SampleSpan">右寄せ</span>
4</div>

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

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

css
1.SampleDiv {
2  display: inline-block;
3}
4
5.SampleP {
6  text-align: left;
7}
8
9.SampleSpan {
10  text-align: right;
11}

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

チャットボット
多分最強のAI
DeepSeekがおすすめ
0
0
1
18
user_222787255227145216
物語・脚本・プロット
推奨モデル - GPT 4o
進次郎構文メーカー
入力されたキーワードをもとに進次郎構文を生成します。クスッとしたい方必見です🤙 #小泉進次郎　#進次郎構文
2
0
78
5.32K
AIの先生 | OMG-okinawa
GPTs
文案作成
戒名メーカーfor 和尚さん
故人が生前に示した慈悲深さと智慧をもとにつくる本格的な戒名が作れます
0
0
110
429
Hirogon
資料作成
推奨モデル - GPT 4o
レジュメ職人　～初心者向け講座の資料をかんたん一発作成！
🌟 初心者のあなたでも、講座主催がもっとラクに！ 🌟 「セミナーや勉強会のレジュメって作るの大変…😢」そんなお悩み、もう解決できます！💡 このプロンプトなら、初心者向けイベント（セミナーや勉強会など）のレジュメが超簡単に自動作成できるんです！ 🎉 🎯 これがスゴイ！ポイント4つ 1️⃣ 誰でも簡単！どんなテーマでもサクッと設定するだけで、魅力的な講座レジュメを作れます。 2️⃣ マークダウン対応！読みやすさバツグン✨ 見た目もプロ並みの仕上がりに。 3️⃣ 自由自在！出力後に「この部分をもっと詳しく！」と指定すれば、さらに充実した内容も追加可能。 4️⃣ 今すぐ主催者デビュー！これがあれば、初心者でも迷わずイベントを企画・実行できます💪 🌈 夢の講座主催、始めませんか？ 🌈 「いつかは自分で勉強会を…」と思っていたあなた！このプロンプトがあれば、その「いつか」を「今」に変えられます ⏰✨ 🎉 さあ、一歩踏み出そう！あなたのアイデアが、誰かの学びになる 📚 このプロンプトを使って、あなたのイベントが一瞬で形になります！🎤✨ 👉 さっそく試して、世界にひとつだけの講座を作ろう！ 💡✨
29
0
86
442
VEP

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

コメント 0

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