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

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

  • GPTs

    物語・脚本・プロット

    商品やサービスを説明するための9コマ漫画を作成するプロンプト。吹き出しの中の文字はPhotoshopなどで書き換えてください。 ★止まったら これで描いて と指示
    2
    0
    59
    351
  • GPTs

    SNS投稿

    人が写っている写真を送るだけで、顔を検出し、顔の部分をニコちゃんマークに入れ替えた写真を出力します。 SNS投稿の際のプライバシー保護にお役立てください。 面倒な編集作業が不要になります。
    1
    0
    11
    197
  • コード生成・修正

    Gmailで受信した予約メールから自動的にスケジュールを登録します。 Gmailが自動で処理してくれないメールがある場合に活用できます。 生成されたコードは、https://script.google.com/home こちらで使用できます(もろもろ設定が必要です)。
    3
    0
    12
    310
  • GPTs

    要約

    ✨ヒアリング内容の整理が5分で完了! ●動画の文字起こしを入れるだけで次の商談復習完了! 🔥お客さんの状況把握が一瞬で終わり、ニーズやウォンツだけではなく購入・行動の理由も明確に! #セールス #ヒアリング #商談準備 #訴求 #成約率アップ