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

おだんごん

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

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

がお気に入り登録しました。

投稿日時：

プロンプト実行例
プロンプトを見る

HTMLを入力してください。

html
1<div class="SampleDiv">
2  <p class="SampleP">文字</p>
3  <span class="SampleSpan">右寄せ</span>
4</div>

指示を入力してください。

SampleDivは1行で表示できる要素です。 SamplePはSampleDivの中で左寄せ，SampleSpanは右寄せにしてください。

css
1.SampleDiv {
2  display: inline-block;
3}
4
5.SampleP {
6  text-align: left;
7}
8
9.SampleSpan {
10  text-align: right;
11}

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

物語・脚本・プロット
推奨モデル - GPT 4o
なぞかけ職人
わず笑ってしまうような、センス溢れるなぞかけを作成するためのプロンプト。シチュエーションや主題を指定するだけで、ユニークで楽しいなぞかけを作れるようお手伝いします。#なぞかけ#謎かけ#言葉遊び
3
5
317
7.64K
michi
GPTs
料理
楽々注文GPT
URL：https://chat.openai.com/g/g-7SgVRWKGy-le-zhu-wen-gpt 文字だけの外国語の料理のメニューをスキャンするとその翻訳と料理の写真を生成します。
1
0
9
61
チャエン
ロールプレイ
推奨モデル - GPT 4o
まずいものを食べさせようゲーム！ ※Claude 3.5 Sonnet推奨！
なんでも美味しいと言う男の子に、5回のうちにまずいと言わせることでゲームクリア。
0
0
12
131
アディラス
画像生成
マーケティング一般
推奨モデル - DALL•E 3
シンプルで高級感ある線画ロゴマーク
デザイナーが描いたような、クールで洗練された線画ロゴマークを、キーワード（テーマ）入力だけで簡単に生成。アイコン素材など多彩な用途に使えます。（詳しいイメージは、ぜひ最近生成された画像集をご覧ください！）プレゼン資料、SNSアイコン、ブランドロゴ、店舗デザイン、WEB素材などなど、どんなシーンでも使えるおすすめの線画ロゴマークです。ユニークでプロフェッショナルなデザインを素早く手に入れ、ブランドやプロジェクトを格上げしましょう！
20
4
73
480
VEP

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

コメント 0

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