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}

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

画像生成
キャラクター作成
推奨モデル - DALL•E 3
DALLE3で美しいキス写真生成
DALLE3の美しい写真風画像生成でキス写真を生成します。男女のカップルはもちろん、女性同士や男性同士も可能です。 #DALLE3 #AIPhoto
10
0
26
5.25K
user_121755022251632640
画像生成
物語・脚本・プロット
推奨モデル - DALL•E 3
スマトラシジミ
日本にはいない珍しい夜行性の蝶「スマトラシジミ」の画像を作る　https://oshiete.ai/items/152661874826013696
1
0
4
806
user_128286078432577536
コード生成・修正
推奨モデル - GPT-4o
世界最大級の長行スクリプトコードを生成AI！！ ※Claude 3.5 Sonnet推奨！
長い行のスクリプトコードを生成します！
1
0
12
82
アディラス
SNS広告
推奨モデル - GPT-4o
バズる！インスタ投稿企画作成ツール
インスタグラム投稿者向けの企画提案ツールです。企画を一生懸命考えても全然バズらない！そんなことありませんか？このツールはユーザーの悩みやニーズに応じたバズる投稿企画を30個生成し、即実行可能なアイデアを提供します。【機能】 ①ヒアリング：ジャンル、解決課題、ターゲット情報を収集。 ②企画提案：ユーザーに合わせた投稿企画を5カテゴリで自動出力。 ③効率支援：バズる企画をスピーディーに提供し、成果物作成をサポート。 #インスタ　#SNS #instagram
8
0
35
137
Tam-BizAI編集長

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

コメント 0

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