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}

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

ロールプレイ
推奨モデル - ChatGPT
年齢と誕生日から生年月日を計算します！
年齢と誕生日を入力するだけ！AIが生年月日を計算してくれます！
2
0
3
108
ICE
画像生成
キャラクター作成
推奨モデル - DALL•E 3
ポッキーゲームゲーム！画像生成チャレンジ！
画像生成AIでは少し難しいポッキーゲームの画像を作成するチャレンジです。
3
0
30
390
user_121762254175447040
物語・脚本・プロット
推奨モデル - Claude
日本人特化 AI美女生成プロンプト
日本人の大人女子や少女のイメージをプロンプトから生成します。キーワードを入力するだけで、感情、容姿、状況、光の演出、カメラアングル、解像度など、様々な要素を自動で組み合わせ、リアルで魅力的な日本人女性像のプロンプトを作成します。
6
0
77
2.40K
hirokaji
GPTs
キャラクター作成
まぜまぜモンスター
「いきもの（動物など）」と「たべもの」を指定してまぜまぜモンスター（まぜモン）が作れます！ご当地まぜモンを作ったら勉強にもなって一石二鳥！？オリジナルのまぜモンを作ってバトルもできちゃう！？？「いきもの（動物など）」と「たべもの」じゃなくても掛け合わせが可能です！是非あなたのアイデアを形にしてみてくださいね！子供と一緒に使っても楽しいかも♪ ※たまに絵を描くのを忘れちゃうから、そんな時は「描いて」と言ってみて！ 💡最終奥義も描いてと言えば凄い技が！！
1
1
67
292
taya_ai

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

コメント 0

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