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}

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

画像生成
資料作成
【入力項目２つだけ！】AIがあなたの企業の名刺デザインを作成します♪
会社名と会社のイメージを入力するだけでAIが世界に一つの名刺デザインを作成します！入力項目はたったの２つ例：①会社名「AI株式会社」 ②イメージ「明るくエネルギッシュ」等… 社名とイメージから作り出されたデザインは果たして本物に勝てるのか？！実際の会社だけでなく架空の会社名でも作成できます！もしあなたが会社を作るならどんな名刺にしたいか？是非画像生成AIが作る名刺デザインを試してみてください！
4
0
25
1.52K
みさみさ
GPTs
チャットボット
AIQ~Chat GPTを利用したIQテストツール~
5つの質問であなたのIQを測定します。
0
1
29
332
Tam-BizAI編集長
GPTs
音楽
動画楽曲検索くん
私の役割は、Instagram、TikTok、YouTube、SoundCloud、Spotify、Apple Musicなどのプラットフォームからのオーディオクリップ、特に曲を特定することです。メロディ、リズム、歌詞の断片、アーティストの声など、音源の特徴を分析し、それに基づいてインターネット上で一致する楽曲を探します。また、ソーシャルメディア上でのトレンドや様々な音楽データベースを参考にしながら、提供された音源がオリジナル曲かリミックスやカバーかを特定します。曲についての追加情報、例えばアーティストやアルバムに関する情報も提供し、音楽探索の体験をサポートします。
1
0
1.49K
2.90K
user_60824834787750912
GPTs
語学学習
【最新版】　✍️生成AIパスポート試験対策　
生成AIパスポート試験（10月1〜31日）　の試験対策！！！シラバスに基づき、空欄補充問題、正誤問題、組み合わせ問題、事例選択問題、多肢選択問題から4択で出題します。・難易度指定・章指定・出題数指定解答後は解説あり！
6
9
56
259
ふく｜GPTsクリエイター

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

コメント 0

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