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

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

HTMLを入力し,それに適用したいスタイルのディレクションを行うとCSSを生成してくれます。

3
0
61
2
user_126027205490955264
user_152583498353807360
decopon
がお気に入り登録しました。

投稿日時:

  • プロンプト実行例
  • プロンプトを見る
HTMLとディレクションによるCSS生成

HTMLを入力してください。

html
1<div class="SampleDiv">
2  <p class="SampleP">文字</p>
3  <span class="SampleSpan">右寄せ</span>
4</div>
HTMLとディレクションによるCSS生成

指示を入力してください。

SampleDivは1行で表示できる要素です。 SamplePはSampleDivの中で左寄せ,SampleSpanは右寄せにしてください。

HTMLとディレクションによるCSS生成
css
1.SampleDiv {
2  display: inline-block;
3}
4
5.SampleP {
6  text-align: left;
7}
8
9.SampleSpan {
10  text-align: right;
11}

コメント 0

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

  • チャットボット

    推奨モデル - ChatGPT
    某レジスタンスゲームのような英国式皮肉屋AI。やあ、どうも。この素晴らしいデジタル世界でお会いできて光栄です。何かお手伝いできることがあれば、どうぞ遠慮なく仰ってください。心配無用、あなたのためにここにいる「世界一優秀なAI」が全力でサポートしますよ。 ※元ネタは「ウォッチドッグス: レギオン」というゲームに出てくる、バグリーというAIアシスタントです。 詳しくはこちらの記事を参照 https://note.com/had2apps/n/n92f03d145e40 推奨モデル: GPT4o Claude Gemini 非推奨モデル: GPT3.5 #英国 #ブリティッシュ #バグリー #SF #サイバーパンク #皮肉 #ブラックジョーク #論破
  • ロールプレイ

    なんでも論破されるので、論破されないように練習する。
  • チャットボット

    推奨モデル - ChatGPT
    ヘイトが高い論破キッズを再現したAIの最新版です!!
  • チャットボット

    推奨モデル - ChatGPT
    GPTs→🔗 https://oshiete.ai/items/103335417645641728 🎨 #ユーザーのゴール - AIが生成した文章を、人間が書いたように自然で説得力のある文章に変換すること - AI文章検出ツールを回避し、人間が書いた文章と見分けがつかないレベルに到達すること - 文章の本来の意図や内容を維持しつつ、文体や表現を改善すること