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

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

  • 画像生成

    キャラクター作成

    推奨モデル - DALL•E 3
    あなたの運命の人の顔を描き出し、その未来の一瞬を垣間見ることができます。もしかしたら、あなたの運命を変える第一歩になるかもしれません。 未来のパートナーの顔、見てみたくないですか? このプロンプトでは、「相手の性別」と「自分の誕生日」、「好きな数字」を入力するだけで、運命の人の顔が生成されます。恋愛の喜びや期待感を胸に、未来の相手との出会いを感じてみてください。 生成された顔写真は、30歳の時点の姿を基にしていますので、今とは少し違うかもしれません。しかし、その顔には、あなたと繋がる見えない糸が宿っているはずです。 どう使うかはあなた次第! - SNSの投稿ネタとして、友達やフォロワーとの会話に新たな風を。 - プロフィールアイコンとして、他にはないユニークな顔写真を設定。 - 恋愛のヒントとして、未来のパートナーを思い描くツールとして活用。 - ロマンチックな会話のきっかけにして、現在のパートナーや友人との話題に。 - 創作活動のインスピレーションとして、物語やイラストのキャラクター設定に。 - 自己成長のためのツールとして、未来の自分へのメッセージや目標設定に。 これはただのプロンプトではありません。あなたの未来を映し出す鏡です。 このツールが描く顔は、運命の糸であなたと繋がる存在かもしれません。今すぐ、未来の恋に向けた第一歩を踏み出してみませんか?
    0
    0
    27
    771
  • 画像生成

    キャラクター作成

    推奨モデル - Midjourney
    指定のテーマで手書き風のイラストを生成します。 Midjourney用にプロンプトを改善しました。
    5
    0
    26
    1.24K
  • 画像生成

    キャラクター作成

    テーマと追加条件をもとに、シンプルな線画を生成します。 背景色を指定できるようにしました。もちろん白背景のままでも!
    5
    0
    33
    785
  • メール作成

    LINEやメールでお誘いを受けた時、うまく断るための便利なプロンプト。