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

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

  • 計画立案

    視聴者さんが使えるハッシュタグとして活躍?!配信者さん用のハッシュタグを作成!!
    0
    0
    207
    1.70K
  • 物語・脚本・プロット

    推奨モデル - GPT 4o
    わず笑ってしまうような、センス溢れるなぞかけを作成するためのプロンプト。シチュエーションや主題を指定するだけで、ユニークで楽しいなぞかけを作れるようお手伝いします。#なぞかけ#謎かけ#言葉遊び
    3
    5
    319
    8.09K
  • GPTs

    料理

    It generates a recipe by entering the ingredients you have via text or by uploading an image. 家にある材料を入力したり、画像をアップロードすることでレシピを教えてくれます。
  • 画像生成

    SNS投稿

    推奨モデル - Midjourney
    指定のテーマとテキストを入れた油絵イラストを生成します。 テキストはアルファベット推奨です。
    0
    0
    27
    151