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

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

GPTs
キャラクター作成
顔面偏差値測定ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 あなたの顔写真を送付するだけで顔面偏差値を数字で出力してくれます。各項目別に点数付けしてくれて、顔の強みや特徴まで分析してくれるツール。客観的評価を知りたい方はぜひ使ってみてください。
6
2
2.72K
9.69K
Tam-BizAI編集長
画像生成
キャラクター作成
推奨モデル - DALL•E 3
アイコン作成にも！！特徴に沿ったかわいいちびキャラを生成します！
作りたいキャラクターの特徴を入力すれば、すぐにちびキャラが生成されます！使い方は簡単！指示された特徴を入力するだけ。思った通りの画像が出力されない場合は、もう一度お試しください！自分のアイコンを作りたい時などにどうぞ！！ #画像生成 #DALLE3 #ちびキャラ #アイコン作成
3
0
26
637
better life
チャットボット
反論AI
反論AIです。
6
1
64
918
アディラスサブ
画像生成
マーケティング一般
推奨モデル - DALL•E 3
シンプルでおしゃれなロゴ作成
SNSアイコンに使えるシンプルで洗礼されたおしゃれなロゴが生成されます。
9
0
46
350
Tam-BizAI編集長