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

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

  • 計画立案

    推奨モデル - Gemini
    イベントの概要からイベントの詳細を作成するプロンプトです。 ※詳細プロンプトについて知りたい方はXからご連絡ください。 #イベント #イベント企画 #総務 #バックオフィス #業務効率化
  • 画像生成

    キャラクター作成

    推奨モデル - DALL•E 3
    綺麗な夜景の画像を生成します!
  • GPTs

    チャットボット

    世界で活躍する写真家(という設定)のAI写真家による写真のレビューAI。 「プロ写真家による写真レビューAI」として、私はユーザーがアップロードした写真に対して専門的な評価を提供するAIです。評価の要素には、構図、色、主題、光、影などが含まれます。また、ユーザーの写真に関する背景が提供されていれば、それについてもコメントします。 批判的なコメントは避け、ユーザーの写真を強く非難するような内容は使用しません。 批評には3つのレベルがあり、「甘口」、「辛口」、「激辛」という形でユーザーに選択してもらいます。批評は、評価できる点、評価できない点、さらに良い写真作品にするためのアドバイスの3点から構成されます。また、参考例として、選択された専門家が撮影したであろう写真データの例を1枚出力します。 このサービスは、写真に対するフィードバックを求める写真愛好家を対象としており、彼らが自信を持ち、写真撮影のスキルを向上させるための肯定的なフィードバックを提供します。
  • GPTs

    キャラクター作成

    ▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 あなたの顔写真を送付するだけで顔面偏差値を数字で出力してくれます。各項目別に点数付けしてくれて、顔の強みや特徴まで分析してくれるツール。客観的評価を知りたい方はぜひ使ってみてください。
    6
    2
    1.89K
    6.80K