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}

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

画像生成
旅行
推奨モデル - Midjourney
紅葉
秋になったら京都に行きたくなる画像
0
0
8
168
デコポン
GPTs
SNS広告
【AI美女】✨超高画質の"AI美女"クリエーター✨【プロンプト入手可能】　ナチュラルな仕上がり！
画像性部門1位の"AI美女"プロンプトをGPTsで使えるようにしました！　プロンプトも入手可能です！　 5個の質問に答えるだけ！でお好みのAI美女がつくれます。話題のAI美女を生成を体験してみませんか？　【改善❶】　選択式から「自由記述」に変更。よりお好みの美女が作成できます。【改善❷】　画像で出来上がりを確認できる。【改善❸】　画像が気に入ったらプロンプトをボタン一つでGET！プロンプトはMidjourneyと相性がいいので、お気に入りのプロンプトを試してみてください＾＾＜お願い＞気に入った美女に出会えたら「いいね」と「お気に入り（♥のボタン）」をお願いします。　みなさんからリアクションをいただけるので、よりよいプロンプトをつくろうとがんばれています。
11
0
94
381
パンダ工房
GPTs
情報収集
小学生Ver.読書感想文サポーター
毎年苦戦する、夏休みの【読書感想文】のサポートをしてくれるGPTsです！本の紹介、書き方、構成など学年に応じてサポートしてくれます。忙しいパパママのお役に立つかと思います！ #夏休み #読書感想文 #小学生
0
0
23
137
user_129209122550749184
GPTs
メール作成
今日の朝礼のネタを探してきてくれるAI
今日のニュースや幸せな気分になれる話など、その日の気分に合わせて朝礼のネタ出しをしてくれるAIです。きちんと引用元も示してくれることで、深堀りしたい場合や気になった場合はよりきちんと調べることができます。基本的に前向きな気持ちになれるニュースや楽しい気持ちになれるニュースを集めてくるようになっているので、1日のスタートにぴったりなAIとなっています。
1
1
494
1.64K
user_73243172034697216

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

コメント 0

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