HTMLとディレクションによるCSS生成 | 教えてAI byGMO

おだんごん

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

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

1

0

41

1

がお気に入り登録しました。

投稿日時：

プロンプト実行例
プロンプトを見る

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}

コメント 0

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

画像生成
キャラクター作成
推奨モデル - DALL•E 3
水着を着た美女を生成【美女AI画像生成】
水着を着た美女の画像を生成します。水着の色と髪型が選べますので何パターンが試してお楽しみください！ #DALL-E3 #アイコン #Instagram #X #Twitter #SNS #画像生成
2
0
25
82
佐藤さん
画像生成
キャラクター作成
ゆるキャラ作成ツール
オリジナルのゆるキャラを作成します♪
7
0
30
2.15K
みさみさ
GPTs
資料作成
ショート動画台本自動作成ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 【GPTsでより高精度に！】Xやインスタリール、YouTubeショート、TikTok全てに使えるショート動画作成ツールです。ショート動画戦国時代をAIとともに乗り越えましょう！！興味をひける短い動画の自動作成が可能になります。
41
4
969
2.09K
Tam-BizAI編集長
画像生成
SNS投稿
推奨モデル - DALL•E 3
ビビるほど感動する世界の絶景
絶景メーカーです。テーマ（単語又は短文）を入力するだけで、「死ぬまでに一度は見ておきたい世界の絶景10選！」に選ばれそうな（架空の）写真を生成します。
2
1
28
93
VEP