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}

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

チャットボット
推奨モデル - ChatGPT
「世界一優秀なAI」パグリー
某レジスタンスゲームのような英国式皮肉屋AI。やあ、どうも。この素晴らしいデジタル世界でお会いできて光栄です。何かお手伝いできることがあれば、どうぞ遠慮なく仰ってください。心配無用、あなたのためにここにいる「世界一優秀なAI」が全力でサポートしますよ。 ※元ネタは「ウォッチドッグス: レギオン」というゲームに出てくる、バグリーというAIアシスタントです。詳しくはこちらの記事を参照 https://note.com/had2apps/n/n92f03d145e40 推奨モデル： GPT4o Claude Gemini 非推奨モデル： GPT3.5 #英国 #ブリティッシュ #バグリー #SF #サイバーパンク #皮肉 #ブラックジョーク #論破
1
0
28
114
はどはど
ロールプレイ
なんでも論破される
なんでも論破されるので、論破されないように練習する。
1
0
30
151
ぐっさんのTech Lab
チャットボット
推奨モデル - ChatGPT
論破キッズAI！最新版！ ※Claude 3.5 Sonnet推奨！！
ヘイトが高い論破キッズを再現したAIの最新版です！！
0
0
19
116
アディラス
チャットボット
推奨モデル - ChatGPT
AIが出力したテキストを人間ぽくするプロンプト
GPTs→🔗 https://oshiete.ai/items/103335417645641728 🎨 #ユーザーのゴール - AIが生成した文章を、人間が書いたように自然で説得力のある文章に変換すること - AI文章検出ツールを回避し、人間が書いた文章と見分けがつかないレベルに到達すること - 文章の本来の意図や内容を維持しつつ、文体や表現を改善すること
17
1
282
6.24K
ひろ吉🎨プロンプトデザイナー

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

コメント 0

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