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

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

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

3
0
53
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

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

  • チャットボット

    推奨モデル - Claude
    お暇な人だけ使ってください!
  • GPTs

    キャラクター作成

    花押クリエイターは、日本の伝統的な署名や印「花押」のデザインをサポートするためのツールです。国内外のさまざまな文化背景を考慮し、名前やシンボルを基にした個性的で芸術的な花押デザインを提案します。 このツールは、歴史的な作法や文化的背景を尊重しながら、現代的なアプローチにも対応します。作成した花押のコンセプトや意図を分かりやすく説明し、カスタマイズや調整も簡単に行うことが出来ます。 初めての方から花押愛好家まで、どなたでもご利用いただける「花押クリエイター」で、あなただけの特別なデザインを作りませんか? GPTsストアで高評価していただけると嬉しいです。 #画像作成 #花押 #サイン
    7
    2
    1.73K
    3.91K
  • 画像生成

    キャラクター作成

    推奨モデル - DALL•E 3
    可愛い女の子のイラストを生成します♪毎回違う表情の女の子が生成されますので何度か試してみてください🌸 #DALLE3 #アイコン #Instagram #X #Twitter #SNS #画像生成
  • 画像生成

    キャラクター作成

    推奨モデル - Midjourney
    【High quality】 美魔女が4パターン生成されます。何回か試してお気に入りを見つけよう! 過去のコンテスト入賞作品🥇はこちら▷ zizi.ly/7f3fa9  「こういう女性を生成したい」などのご要望はコメント欄へどうぞ! #SNS #Instagram #X #Twitter #TikTok #ChatGPT #画像生成 #マーケティング