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}

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

GPTs
物語・脚本・プロット
9コママンガ Maker
商品やサービスを説明するための９コマ漫画を作成するプロンプト。吹き出しの中の文字はPhotoshopなどで書き換えてください。　★止まったら　これで描いて　と指示
2
0
59
351
Hirogon
GPTs
SNS投稿
ニコちゃんマークで顔隠し(^^)
人が写っている写真を送るだけで、顔を検出し、顔の部分をニコちゃんマークに入れ替えた写真を出力します。 SNS投稿の際のプライバシー保護にお役立てください。面倒な編集作業が不要になります。
1
0
11
197
VEP
コード生成・修正
Gmailで受信したメールからスケジュールを作成するGAS生成
Gmailで受信した予約メールから自動的にスケジュールを登録します。 Gmailが自動で処理してくれないメールがある場合に活用できます。生成されたコードは、https://script.google.com/home こちらで使用できます（もろもろ設定が必要です）。
3
0
12
310
Ryo
GPTs
要約
【現状～理想、インサイトまで丸わかり】商談音声を自動整理GPTs
✨ヒアリング内容の整理が5分で完了！ ●動画の文字起こしを入れるだけで次の商談復習完了！ 🔥お客さんの状況把握が一瞬で終わり、ニーズやウォンツだけではなく購入・行動の理由も明確に！ #セールス #ヒアリング #商談準備 #訴求 #成約率アップ
0
0
34
149
user_213131837447661568

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

コメント 0

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