No.2ベストアンサー
- 回答日時:
文字の<p>に対応するcssに追加するのが良いけど、それだと、おはよう、こんにちは、さよなら、おやすみ、が全部一緒になってしまうから、文字毎に分ける方がベター。
クラス指定をする。
以下は例
<div>
<p class="p1">おはよう</p>
</div>
<div>
<p class="p2">こんにちは</p>
</div>
・・
css部分もクラスセレクタで記述
.p1{
width:70%;height:50px;
text-align:center;
background-color:#ffff00;
}
.p2{
width:70%;height:50px;
text-align:center;
background-color:#99ffff;
}
こうやれば、文字毎に色・背景・高さ・配置が別々に可能になる。
この回答へのお礼
お礼日時:2022/09/12 16:16
https://saruwakakun.com/wp-content/uploads/2017/ …
すみません。上のリンクの画像の「美しい見出しのデザイン」の部分のように作りたいです。文字の色は黒のままで、他の色で周囲を満遍なく塗りきっている?みたいな感じです。説明不足でしたらごめんなさい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSファイルの日本語コメントが文字化けしてしまう 3 2022/12/26 15:50
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- Excel(エクセル) エクセルで”入力シート”の文字書式の変更を”出力シート”で同じ文字書式で印刷したいです。VBA希望 4 2023/04/24 11:07
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- HTML・CSS htmlです。 上のところには黒文字でピカチュウで、ピカチュウの文字には影をすべてにつけてください周 1 2023/01/02 12:48
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一文字ずつ表示されるようにしたい
-
Google マップに同心円と文字を...
-
flashかfireworksで、丸に沿っ...
-
OS依存文字を一括で変換したい...
-
word
-
数式中の文字をCambria Math以...
-
illustratorとExcelは連携出来...
-
名古屋の栄と錦は治安悪い?
-
バイナリファイルの編集
-
googleサーチコンソールでの重...
-
PDF→CSVへ変換
-
イラレでダブルクリックで文字...
-
PowerPoint SmartArtの箇条書...
-
Illustratorテキストエリアへ塗...
-
VB.NET でのLaod/unLoad につ...
-
LINEのステメやプロ画は変える...
-
exe bat
-
Illustratorのテキストの更新に...
-
NumericUpDownの数値を選択済み...
-
Adobe Acrobatについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
{ CONTROL Forms.Label.1}が...
-
Google マップに同心円と文字を...
-
DelphiのRichEditで任意の行の...
-
C言語においてコマンドプロン...
-
excel 英数字の数字が一桁の時...
-
flashかfireworksで、丸に沿っ...
-
OS依存文字を一括で変換したい...
-
DOSの文字抽出
-
Excelが関数になってしまう
-
他国語
-
パソコンのA4に大きく一文字入...
-
データを圧縮したい
-
webサイト制作やそのサイトをア...
-
Mathematicaでの複素数の絶対値...
-
Split関数で文字を文割するのは...
-
隠した文字がわかりません…
-
HPの更新とは
-
【FLASH】 関数での足し算がで...
-
ExcelのセルでA1セルはUTF-8でA...
-
0.5秒間後に次の処理に進みたい...
おすすめ情報
sccファイルではなく、cssファイルです。大変失礼しました。
具体例で述べて頂いたものだと、一番上が一番近いです。「こんにちは」の文字の部分が黒でしたら
もう完璧です。