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

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

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

3
0
60
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

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

  • GPTs

    要約

    機械による文字起こしの誤字脱字などを綺麗に整えてくれるGPTsです。
    4
    2
    88
    322
  • 画像生成

    キャラクター作成

    節分用鬼画像を生成
    1
    0
    4
    427
  • GPTs

    システム開発

    セルフブレストを多角的な視点で行える様に作りました。<br> 構文的にはゴールシークの要素も取り入れているので、本質に近づきながらかつ視野が狭くならない様に多角的な視点の維持をサポートします。<br> <br> ▼使い方<br> 普通に相談をしてください。<br> その後、AIからの質問に数回答えることで、様々な視点を取り入れた「本質」を探索することができます。
  • GPTs

    物語・脚本・プロット

    **最新ヒットアニメ原案つくーる – アニメの未来を創造するAI** アニメの世界は無限の可能性に溢れています。そして、その可能性を最大限に引き出すために、私たちは「最新ヒットアニメ原案つくーる」を開発しました。この革新的なAIは、日本だけでなく世界中のアニメファンの心を掴むために、最新のヒットアニメを徹底的に分析し、そのデータを基に新たなヒット作を生み出します。 このツールは、最新のアニメトレンドを捉えるために、ストリーミングサービスのランキング、専門ウェブサイト、そしてSNSのディスカッションを分析。そこから浮き彫りになる人気のジャンルやキャラクター設計の傾向を把握し、それを元に斬新な原案を創出します。 最新ヒットアニメ原案つくーるの特徴は、ただのデータ分析に留まらず、独創的な世界観や魅力的なキャラクター設計、心を惹きつけるストーリーラインを提供すること。さらに、各原案にはビジュアルスタイルの提案も含まれ、イメージ画像生成機能によって、そのビジュアルが具体的にどのようなものかを視覚的に示します。 アニメクリエイターは、このツールによって生み出された詳細かつ具体的な原案をもとに、制作に直接取り組むことができます。最新ヒットアニメ原案つくーるは、アニメ業界に新たな息吹をもたらし、次世代のヒット作を創造するための強力なパートナーとなることでしょう。
    10
    0
    29
    132