回答編集履歴
1
情報の追加。
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
提示されたコードはFirefoxではそこまで変にならなかったりする。
|
2
2
|
|
3
|
-
ざっくり作ってみたが、trの背景に2pxのグラデーションで書く手もあるか。
|
3
|
+
ざっくり作ってみたが、trの背景に2pxのグラデーションで書く手もあるか。(追記:後半に追加済み)
|
4
4
|
|
5
5
|
|
6
6
|
|
@@ -91,3 +91,45 @@
|
|
91
91
|
}
|
92
92
|
|
93
93
|
```**動くサンプル:**[https://jsfiddle.net/a2095qmz/2/](https://jsfiddle.net/a2095qmz/2/)
|
94
|
+
|
95
|
+
|
96
|
+
|
97
|
+
---
|
98
|
+
|
99
|
+
|
100
|
+
|
101
|
+
**追記:**
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
|
108
|
+
|
109
|
+
```CSS
|
110
|
+
|
111
|
+
table {
|
112
|
+
|
113
|
+
border-collapse: collapse;
|
114
|
+
|
115
|
+
}
|
116
|
+
|
117
|
+
tr {
|
118
|
+
|
119
|
+
background-image: repeating-linear-gradient(90deg, #000, #000 10px, transparent 0, transparent 15px);
|
120
|
+
|
121
|
+
background-size: 15px 2px;
|
122
|
+
|
123
|
+
background-position: bottom left;
|
124
|
+
|
125
|
+
background-repeat: repeat-x;
|
126
|
+
|
127
|
+
}
|
128
|
+
|
129
|
+
```**動くサンプル:**[https://jsfiddle.net/a2095qmz/3/](https://jsfiddle.net/a2095qmz/3/)
|
130
|
+
|
131
|
+
|
132
|
+
|
133
|
+
【CSSグラデーションで作った背景パターンのサンプル | NxWorld】
|
134
|
+
|
135
|
+
[https://www.nxworld.net/tips/css-gradient-pattern.html](https://www.nxworld.net/tips/css-gradient-pattern.html)
|