HTMLとディレクションによるCSS生成 | 天秤AI byGMO

おだんごん

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

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

3

0

59

2

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

投稿日時：

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

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}

コメント 0

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

物語・脚本・プロット
推奨モデル - GPT 4o
なぞかけ職人
わず笑ってしまうような、センス溢れるなぞかけを作成するためのプロンプト。シチュエーションや主題を指定するだけで、ユニークで楽しいなぞかけを作れるようお手伝いします。#なぞかけ#謎かけ#言葉遊び
3
5
317
7.80K
michi
画像生成
SNS投稿
推奨モデル - Midjourney
美女と野球拳❤
ホテルの一室で、日本人のきれいなお姉さんと野球拳をノリノリで楽しむ画像を作る　野球～するなら～、こういう具合にしやさんせ～
1
0
14
538
user_128286078432577536
物語・脚本・プロット
推奨モデル - GPT 4o
【稲川淳二風】怖ーい話
稲川淳二さんのような語り口調の怖ーい話をつくります。暑い夏のネタにどうぞ。
1
0
32
719
AIの先生 | OMG-okinawa
画像生成
物語・脚本・プロット
推奨モデル - Midjourney
ペットと添い寝する少女
ペットと添い寝する少女を生成できます。 #midjourney
4
0
4
464
miyo_ai