22/10/29 15:27:45.26 .net
>>983
乙～
1024:Name_Not_Found
22/11/03 02:43:06.26 .net
画像のように複数のテキストの下部 + テキストのラップdiv上下に
点線を配置する方法ってありますか？
URLﾘﾝｸ(imgur.com)
テキストはspanで囲ってbackground-imageで
ドット用の画像 or linear-gradientでドットを実装しましたが
URLﾘﾝｸ(imgur.com)
のようにinlineのためdivの幅目一杯まで広がりません。
またテキストの最終行のドットはbackground-imageのため消せません。
（divの下部にドット画像を配置するため重複してしまいます。）
どなたか教えて頂けるとありがたいです。
1025:Name_Not_Found
22/11/03 03:46:48.53 .net
>>986
こういうのじゃダメなの？
CSSのみでノートの罫線のようなスタイルを実装する方法【実線・点線】
URLﾘﾝｸ(web-dev.tech)
1026:Name_Not_Found
22/11/03 06:32:58.95 .net
>>986
今の時代はそういう風に画像を使って装飾よりもCSSで表現する方が主流だよ
この方が扱いやすいのでそういう方面を勉強しとくとこの先助かるよ
1027:Name_Not_Found
22/11/07 17:12:35.85 .net
新機能勉強しときましょ～
2022年、注目しておきたいCSSの新機能のまとめ
URLﾘﾝｸ(coliss.com)
1028:Name_Not_Found
22/11/12 12:59:14.65 .net
tableタグにcssで一括でスタイルをつけていますが、
特定のTDセルだけ変更したいのですがどうしたらよいのでしょうか？
fontsizeがtest.td優先になって変わりませんでした。
table.test td {
text-align: center;
font-size:10px;
}
.maguro {
border-right: 3px solid #00FF00;
background-color: #00FF00;
font-size: 20px;
}
<table class="test">
<tr><td>要素１</td></tr>
<tr><td>要素２</td></tr>
<tr><td class="maguro">要素３</td></tr>
<tr><td>要素４</td></tr>
</table>
1029:Name_Not_Found
22/11/12 13:27:03.20 .net
table.test td.maguro
で上書きはできる
css 詳細度で検索
こういうキモいセレクターで上書きしなきゃいけなくなったということは元の
table.test tdが設計としておかしいということ
記述としてはおかしくないので動作するが、人間が更新するものとしての設計が破綻している
よほどのことが無い限りタグそのものにcssをあてないほうがよい
table.testは.testでよい
.testがtable以外についたらまずいなら命名がおかしい
1030:Name_Not_Found
22/11/12 13:52:34.43 .net
お答えいただきありがとうございます！！
上書きできました！ 助かりました。
PHPで動的に生成されるテーブルで
セルの内容が都度変更になりまして、
例えば100点以上とあれば赤にするなどにしたかったのです。
最終的にTCPDFでHTMLテーブルをPDFにします。
奇数列や偶数列などでは判別できなく、
直接class指定しかないかなと思ったのですが、
他にどのような方法をとるものでしょうか？
1031:Name_Not_Found
22/11/12 14:01:26.98 .net
php側でセルの内容に合わせてclass付与する
1032:Name_Not_Found
22/11/12 14:02:36.65 .net
cssには現状テキストエレメントの内容を判断する方法はない
data属性とかならセレクタにできる
1033:Name_Not_Found
22/11/12 14:48:58.87 .net
みなさん、ありがとうございます！！
1034:Name_Not_Found
22/11/14 23:57:24.10 .net
いえいえ
1035:Name_Not_Found
22/11/16 06:56:51.77 NiPf6ivp.net
そろそろ新スレを建てたほうがいいのではないでしょうか。
1036:Name_Not_Found
22/11/16 06:59:18.12 .net
>>983
もうあったみたいですね。
そろそろ最後なので981をageます。
1037:Name_Not_Found
2022/11/22(
1038:火) 15:22:02.11 ID:???.net
1039:Name_Not_Found
22/11/25 13:36:51.06 .net
埋め
1040:Name_Not_Found
22/11/25 13:44:21.84 .net
質問いいですか
1041:Name_Not_Found
22/11/25 16:39:50.67 .net
HTML/CSS のどんな質問にも優しく答えるｽﾚ 51
ｽﾚﾘﾝｸ(hp板)
1042:1001
Over 1000 Thread.net
このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 272日 23時間 57分 2秒
1043:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています