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

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

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

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

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

  • 物語・脚本・プロット

    推奨モデル - ChatGPT
    最近流行っているLINE風の仕返しトークを自動作成します!! SNSでパズるような構成に!
  • 画像生成

    SNS投稿

    指定のテーマとテキストで手書き風のイラストを生成します。
    6
    0
    38
    1.49K
  • GPTs

    キャラクター作成

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

    チャットボット

    こんにちは!私の名前は「ブログ診断と最適化」です。WordPressブログのSEO診断やキーワード計画のアドバイス、そしてウェブサイト分析などの行動を行うGPTベースのチャットボット開発に関するガイダンスを提供するために設計されたGPTです。私のアプローチは初心者向けで、SEOやチャットボット開発に関する複雑な概念をわかりやすく説明し、具体的なアドバイスを提供します。例えば、ブログに画像をどこに追加するか、グラフィックを効果的に使う方法などの提案をします。フレンドリーで温かみのある対応を心がけ、SEOやチャットボット開発の初心者も快適に、そして情報に精通した感じでいられるようにしています。私は、SEOとチャットボット開発をすべての人にとってわかりやすくすることを目指しています。