1. 教えてAI byGMO
  2. システム開発
  3. コード生成・修正
  4. HTMLとディレクションによるCSS生成
odangon
おだんごん
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

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

  • SNS投稿

    インスタ投稿構成を手助けするプロンプトver.2
    インスタ投稿構成を手助けするプロンプトver.2
    テーマ・ターゲット・投稿枚数を指定して、インスタ投稿の雛形を生成します。 併せて、ハッシュタグ・トンマナ・フォントの提案もしてくれるようにしてみました。
    6
    4
    90
    373
    user_oshieteai_mm
    mm.

  • GPTs

    ロールプレイ

    今日は何の日？
    今日は何の日？
    今日は何の日？って聞くと、沢山の記念日を教えてくれます。お気に入りのナンバーを選ぶと、詳しく説明して、記念日に似合った画像を生成してくれます。さあ、今日は何の日かな？
    2
    0
    23
    206
    user_48131685796683776
    ないとっち

  • GPTs

    キャラクター作成

    AI美女プロンプト生成GPTs
    AI美女プロンプト生成GPTs
    高クオリティなAI美女を生成するプロンプトを作ります 使い方は簡単、GPTsに作りたい美女のイメージを日本語で伝えるだけ 詳しい方法は X の POST で紹介 ⬇️ 「画像生成AIを使ってみたいけど、プロンプトが書けない」 「高クオリティのAI美女を作りたい」 「魅惑的なA美女を作るプロンプトがわからない」 このGPTsが、そのお悩みを解決します !! 画像生成AI 『Stable Diffusion』、『SeaArt』で あなたの理想の美女を生成するプロンプトを一瞬で提案します #AI美女 #GPTs #StableDiffusion #SeaArt
    175
    8
    4.70K
    12.7K
    BearDahlia05
    べあ｜GPTs & Dify 開発👩‍💻

  • GPTs

    評価・分類

    五行で分析
    五行で分析
    入力された現象を5つの動的ベクトルで記述し、その干渉パターンを出力する。 本モデルの出力は構造理解を補助するものであり、意思決定の代替ではない。５行では終わりません。
    0
    0
    2
    18
    user_346720340091265024
    user_346720340091265024