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
4
273
6.34K
michi
GPTs
チャットボット
辛辣なフィードバックをくれる『Mr. Feedback』
メンション機能を使って、通常のChatGPTの出力に対してフィードバックすることで、性能を底上げできます。AIがAIにダメ出しする様子は見ていて面白いです（かなり辛辣なので自分自身に対して使うのはお勧めしません）
1
0
66
297
こば
物語・脚本・プロット
リレー小説bot
リレー小説を作ることが出来ます。AIと一緒に小説を完成させてみませんか？機能を利用可能です。機能について: "@キャラ設定" "@あらすじ" "@メモ" "@ジャンル" それぞれの文章を打ってから@から始まるそれぞれの機能を入力すると、上に書いてある文章がその機能と認識しその文章を小説本文と認識しなくなり、それぞれの機能としてしっかりと理解するようになります入力し終わったら、"@本文"を入力し小説本文を打つことで続きが生成されます。
4
0
142
724
アディラス
キャラクター作成
VTuberっぽい名前生成
VTuberみたいな名前を生成します。
0
3
425
8.60K
アディラス

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

コメント 0

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