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}

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

画像生成
キャラクター作成
推奨モデル - DALL•E 3
オリジナルポケモン作成ツール
あなた自身やあなたのペットをポケモソかしませんか？SNSアイコンにも利用可能！タイプと特徴を入力するとオリジナルのポケモソが出力されます。まずは1度試してみてください！ #twitter #X #instagram #インスタグラム
5
1
30
48
Tam-BizAI編集長
SNS広告
推奨モデル - GPT-4o
【完成版】ショート動画台本作成ツール
ついにすごいのが完成しました。誰でもバズるショート動画台本が簡単に作成できるツールです。必死でリサーチしてもバズらないという人は1度試してみてください。開始すると押すとすぐにスタートします。 #twitter #X #instagram #インスタグラム
7
1
115
290
Tam-BizAI編集長
画像生成
キャラクター作成
推奨モデル - DALL•E 3
【天才えんぴつ画家】リアル過ぎるデッサン画像を生成
人物や風景、アート画像など簡単な選択肢から一つ選んで、描きたい画像の説明を送るとデッサン調の鉛筆アート画像を生成してくれます。繊細なラインで丁寧に仕上げてくれるのでとてもオシャレな画像が生成できるようにプロンプトを作成しています。 #AI美女 #AI画像 #SNS #鉛筆 #鉛筆画 #デッサン画像 #デッサン #イラスト
5
0
21
48
Yohei Morimoto ~sumochan~
メール作成
LINE返信文生成
LINEの返信文を生成します。
0
0
111
2.01K
アディラス

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

コメント 0

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