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
文案作成
【教えてAI　GPTs部門２位】youtube台本を自動で作成するGPTs
Youtube台本を自動で作成してくれるGPTsです。 GPTsの指示通りにしてくれればインサイト分析、Youtubeの台本生成を自動で行ってくれます。アナタがすることはテーマと文字数を決めるだけ。後は「はい」か「ok」を押すだけでいいたった１０分で台本が完成します。 Youtube台本作成に限界を感じている方 Youtube台本が面倒な方時間がない方このような方はぜひ使ってみてください。 #Youtube #台本 #GPTs #Youtube台本 #自動化 #ChatGPT #文章生成
13
0
238
544
ナオキ
文案作成
推奨モデル - GPT-4o
PowerPointでプレゼン資料作成に超便利！内容からアジェンダ作成します
作成されたアジェンダをGammaやPowerPoint in Copilotなどに貼り付ければすぐにプレゼン資料が完成します。 👇最新作はこちら👇 https://oshiete.ai/profiles/user_55332610834961408 #プレゼン #パワポ #パワーポイント #プレゼン資料
11
0
110
592
Yohei Morimoto ~AIを活用した動画制作・Dify開発~
文案作成
推奨モデル - GPT-4o
AI校正アシスタント
日本語の文章を対象に、誤字脱字のチェック、文法の誤りの検出、文脈の整合性の確認、語彙の適切性の評価、文章構成の明瞭化など、多岐にわたるチェックを行います。ビジネス文書はもちろん、ブログ記事、レポート、論文など、幅広いジャンルの文章の校正に活用できます。
7
0
26
153
hirokaji
GPTs
文案作成
返信楽々GPT（メール・チャット返信作成AI）　
まずは作成するメッセージの型を選び、その後GPTsからの質問に答えてください。相手からの返信が無い場合な「なし」と回答ください。《プロンプトが長く複雑なため、GPT-4でないと上手く作動しません。教えてAIのデモはGPT-３.5になります。》
25
0
806
2.73K
チャエン

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

コメント 0

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