質問編集履歴
1
参考コードを消しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,27 +10,13 @@
|
|
|
10
10
|
<p>テキストテキストテキストテキストテキストテキストテキスト<strong>テキストテキストテキストテキストテキストテキストテキスト</strong>テキストテキストテキストテキストテキ
|
|
11
11
|
ストテキストテキストテキストテキス</p>
|
|
12
12
|
```
|
|
13
|
-
一行だけであれば、以下のように擬似クラスで下線を引けますが、複数行ではできません。。
|
|
13
|
+
一行だけであれば、以下の方のように擬似クラスで下線を引けますが、複数行ではできません。。
|
|
14
14
|
|
|
15
|
-
```css
|
|
16
|
-
p strong {
|
|
17
|
-
display: inline-block;
|
|
18
|
-
position: relative;
|
|
19
|
-
|
|
15
|
+
https://itstudio.co/2015/11/12/4946/
|
|
20
|
-
}
|
|
21
16
|
|
|
22
|
-
p strong：before {
|
|
23
|
-
content:'';
|
|
24
|
-
position: absolute;
|
|
25
|
-
bottom: 0;
|
|
26
|
-
left: 0;
|
|
27
|
-
widtgh: 100%;
|
|
28
|
-
height: 4px;
|
|
29
|
-
|
|
17
|
+
background:linear-gradient等で以下の方のように複数行にラインや下線は引けますが、角丸はかけれません。。
|
|
30
|
-
border-radius: 2px;
|
|
31
|
-
}
|
|
32
18
|
|
|
33
|
-
|
|
19
|
+
https://wemo.tech/270
|
|
34
20
|
|
|
35
21
|
複数行でできる方法を知っている方いれば教えていただけると嬉しいです。
|
|
36
22
|
よろしくお願いいたします。
|