質問編集履歴

2

ソースコードの追記

2021/12/15 08:33

投稿

cn4433
cn4433

スコア3

test CHANGED
File without changes
test CHANGED
@@ -104,6 +104,8 @@
104
104
 
105
105
  font-weight: 600;
106
106
 
107
+ column-count: 2;
108
+
107
109
  }
108
110
 
109
111
 

1

初心者マークの設定、ソースコードの追加

2021/12/15 08:33

投稿

cn4433
cn4433

スコア3

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,219 @@
12
12
 
13
13
  ![イ![イメージ説明](ceff1826850c1c3211b2b53bda7a94fd.png)
14
14
 
15
+
16
+
17
+ ### htmlソースコード
18
+
19
+
20
+
21
+ ```ここに言語を入力
22
+
23
+ <dl class="list06_black">
24
+
25
+ <dt>薬剤・商材費用例</dt>
26
+
27
+ <dd>
28
+
29
+ <ul>
30
+
31
+ <li>カップ</li>
32
+
33
+ <li>ハケ</li>
34
+
35
+ <li>マドラー</li>
36
+
37
+ <li>デジタルスケール</li>
38
+
39
+ </ul>
40
+
41
+ <p>etc…</p>
42
+
43
+ </dd>
44
+
45
+ </dl>
46
+
47
+ ```
48
+
15
- ### 該当のソースコード
49
+ ### cssソースコード
50
+
51
+ ```ここに言語を入力
52
+
53
+ .list05_black {
54
+
55
+ width: fit-content;
56
+
57
+ min-width: 100%;
58
+
59
+ border: 1px solid #ddd;
60
+
61
+ margin: 33px 0;
62
+
63
+ padding: 0 30px 25px 30px;
64
+
65
+ font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
66
+
67
+ }
68
+
69
+
70
+
71
+ .list05_black dt {
72
+
73
+ display: inline-block;
74
+
75
+ background: #fff;
76
+
77
+ padding: 0 10px;
78
+
79
+ font-size: 18px;
80
+
81
+ font-weight: 700;
82
+
83
+ letter-spacing: .055em;
84
+
85
+ position: relative;
86
+
87
+ top: -12px;
88
+
89
+ left: -12px;
90
+
91
+ }
92
+
93
+
94
+
95
+ .list05_black dd {
96
+
97
+ position: relative;
98
+
99
+ margin-top: 0;
100
+
101
+ padding: 0;
102
+
103
+ margin-left: 0;
104
+
105
+ font-weight: 600;
106
+
107
+ }
108
+
109
+
110
+
111
+ .list05_black ul {
112
+
113
+ list-style-type: none;
114
+
115
+ padding-left: 0;
116
+
117
+ margin-left: 0;
118
+
119
+ margin-bottom: 10px;
120
+
121
+ }
122
+
123
+
124
+
125
+ .list05_black ul>li {
126
+
127
+ display: list-item;
128
+
129
+ text-align: -webkit-match-parent;
130
+
131
+ position: relative;
132
+
133
+ padding: 0 0 0 15px;
134
+
135
+ font-weight: 600;
136
+
137
+ }
138
+
139
+
140
+
141
+ .list05_black li {
142
+
143
+ margin: 10px 0 0;
144
+
145
+ border-bottom: dashed 1px #ddd;
146
+
147
+ font-size: 15px;
148
+
149
+ line-height: 25px;
150
+
151
+ }
152
+
153
+
154
+
155
+ .list05_black ul>li:before {
156
+
157
+ display: block;
158
+
159
+ content: '';
160
+
161
+ position: absolute;
162
+
163
+ top: 10px;
164
+
165
+ left: 1px;
166
+
167
+ width: 6px;
168
+
169
+ height: 6px;
170
+
171
+ background: #181818;
172
+
173
+ border-radius: 50%;
174
+
175
+ border-style: solid;
176
+
177
+ border-width: 0;
178
+
179
+ }
180
+
181
+
182
+
183
+ .list05_black p {
184
+
185
+ text-align: right;
186
+
187
+ margin: 0px !important;
188
+
189
+ }
190
+
191
+
192
+
193
+ .list05_black span {
194
+
195
+ margin: 0px !important;
196
+
197
+ letter-spacing: normal;
198
+
199
+ /* font-size: 12px;*/
200
+
201
+ /* font-weight: 500;*/
202
+
203
+ }
204
+
205
+
206
+
207
+ .list05_black {
208
+
209
+ width: 100%;
210
+
211
+ }
212
+
213
+ .list05_black li {
214
+
215
+ font-size: 13px;
216
+
217
+ line-height: 1.5em;
218
+
219
+ }
220
+
221
+ .list05_black ul>li:before {
222
+
223
+ top: 6px;
224
+
225
+ }
226
+
227
+ ```
16
228
 
17
229
 
18
230