teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問aタグの文字の太さは変えられませんか？

編集履歴

質問編集履歴

6

コードの修正

2020/02/09 01:52

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -56,7 +56,7 @@
56
56
 
57
57
  ```
58
58
 
59
- ```css
59
+ ```scss
60
60
 
61
61
  @charset "utf-8";
62
62
 
@@ -72,7 +72,7 @@
72
72
 
73
73
  width:1425px;
74
74
 
75
- font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", ���C���I, Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
75
+ font-family: "Hiragino Kaku Gothic Pro",Meiryo, Osaka,"MS PGothic",sans-serif;
76
76
 
77
77
  }
78
78
 
@@ -86,7 +86,7 @@
86
86
 
87
87
  float:left;
88
88
 
89
-
89
+
90
90
 
91
91
  img{
92
92
 
@@ -96,6 +96,8 @@
96
96
 
97
97
  margin-left:127px;
98
98
 
99
+
100
+
99
101
  }
100
102
 
101
103
  p{
@@ -104,13 +106,15 @@
104
106
 
105
107
  font-size: 14px;
106
108
 
109
+ letter-spacing: 1.5px;
110
+
107
111
  font-weight: 600;
108
112
 
109
- letter-spacing: 2px;
113
+ color:#333333;
110
114
 
111
- margin-bottom: 10px;
115
+ vertical-align: bottom;
112
116
 
113
- color:#333333;
117
+ margin-bottom:9px;
114
118
 
115
119
  }
116
120
 
@@ -130,11 +134,11 @@
130
134
 
131
135
  text-decoration: none;
132
136
 
133
- color: #fff;
137
+ color:rgb(255, 255, 255);
134
138
 
135
139
  font-size: 14px;
136
140
 
137
- font-weight:100;
141
+ font-weight:300;
138
142
 
139
143
  letter-spacing:2px;
140
144
 
@@ -142,7 +146,7 @@
142
146
 
143
147
  padding:11px 40px;
144
148
 
145
- margin-top:16px;
149
+ margin-top: 16px;
146
150
 
147
151
  margin-right:127px;
148
152
 

5

文の追加

2020/02/09 01:51

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -173,3 +173,5 @@
173
173
  ![イメージ説明](59fae5552fb475bd7bc74905bf633388.png)
174
174
 
175
175
  ![イメージ説明](1c1a9192f364d787f37686135fe560ac.png)
176
+
177
+ 上の画像のようにしたいのですが、ずっと下の画像のままです。

4

codeの変更

2020/02/08 14:48

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -72,6 +72,8 @@
72
72
 
73
73
  width:1425px;
74
74
 
75
+ font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", ���C���I, Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
76
+
75
77
  }
76
78
 
77
79
  header{
@@ -84,13 +86,33 @@
84
86
 
85
87
  float:left;
86
88
 
89
+
90
+
87
91
  img{
88
92
 
89
93
  height:45px;
90
94
 
91
- margin-left:130px;
95
+ margin-top: 14px;
92
96
 
97
+ margin-left:127px;
98
+
93
- }
99
+ }
100
+
101
+ p{
102
+
103
+ display: inline-block;
104
+
105
+ font-size: 14px;
106
+
107
+ font-weight: 600;
108
+
109
+ letter-spacing: 2px;
110
+
111
+ margin-bottom: 10px;
112
+
113
+ color:#333333;
114
+
115
+ }
94
116
 
95
117
  }
96
118
 
@@ -112,7 +134,7 @@
112
134
 
113
135
  font-size: 14px;
114
136
 
115
- font-weight:300;
137
+ font-weight:100;
116
138
 
117
139
  letter-spacing:2px;
118
140
 
@@ -126,7 +148,7 @@
126
148
 
127
149
  &:hover{
128
150
 
129
- background-color: #d84940;
151
+ background-color:#d84940;
130
152
 
131
153
  }
132
154
 
@@ -147,3 +169,7 @@
147
169
  }
148
170
 
149
171
  ```
172
+
173
+ ![イメージ説明](59fae5552fb475bd7bc74905bf633388.png)
174
+
175
+ ![イメージ説明](1c1a9192f364d787f37686135fe560ac.png)

3

文章の追加

2020/02/08 14:39

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- aタグの文字(リンクの文字)の太さを変えたいです。
1
+ aタグの文字(リンクの文字)の太さを変えたいです。試したことは、font-weightの数字を変えたりしてみましたが、変わりませんでした。
2
2
 
3
3
  ```html
4
4
 

2

codeの追加

2020/02/08 13:03

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,149 @@
1
1
  aタグの文字(リンクの文字)の太さを変えたいです。
2
2
 
3
+ ```html
4
+
5
+ <!DOCTYPE html>
6
+
7
+ <html>
8
+
9
+ <head>
10
+
11
+ <meta charset="utf-8">
12
+
13
+ <title>iSara[イサラ] | バンコクのノマドエンジニア育成講座</title>
14
+
15
+ <link rel="stylesheet" href="css/iSara.css">
16
+
17
+ </head>
18
+
19
+ <body>
20
+
21
+ <header>
22
+
23
+ <div class="header-left">
24
+
25
+ <img src="image/isaralogo.png">
26
+
27
+ </div>
28
+
29
+ <div class="header-right">
30
+
31
+ <a href="">お問い合わせ / 資料請求はこちら</a>
32
+
33
+ </div>
34
+
35
+
36
+
37
+ </div>
38
+
39
+ </header>
40
+
3
- すみません、コードを書き忘れました。必要であれば後ほど書き足します。
41
+ <div class="title">
42
+
43
+ <div class="title-top">
44
+
45
+
46
+
47
+ </div>
48
+
49
+
50
+
51
+ </div>
52
+
53
+ </body>
54
+
55
+ </html>
56
+
57
+ ```
58
+
59
+ ```css
60
+
61
+ @charset "utf-8";
62
+
63
+ *{
64
+
65
+ margin:0;
66
+
67
+ padding:0;
68
+
69
+ }
70
+
71
+ body{
72
+
73
+ width:1425px;
74
+
75
+ }
76
+
77
+ header{
78
+
79
+ height:75px;
80
+
81
+ background-color:white;
82
+
83
+ .header-left{
84
+
85
+ float:left;
86
+
87
+ img{
88
+
89
+ height:45px;
90
+
91
+ margin-left:130px;
92
+
93
+ }
94
+
95
+ }
96
+
97
+ .header-right{
98
+
99
+ float:right;
100
+
101
+ a{
102
+
103
+ display: inline-block;
104
+
105
+ background-color:#da6b64;
106
+
107
+ line-height: 22px;
108
+
109
+ text-decoration: none;
110
+
111
+ color: #fff;
112
+
113
+ font-size: 14px;
114
+
115
+ font-weight:300;
116
+
117
+ letter-spacing:2px;
118
+
119
+ border-radius: 25px;
120
+
121
+ padding:11px 40px;
122
+
123
+ margin-top:16px;
124
+
125
+ margin-right:127px;
126
+
127
+ &:hover{
128
+
129
+ background-color: #d84940;
130
+
131
+ }
132
+
133
+ }
134
+
135
+ }
136
+
137
+ }
138
+
139
+ .title-top{
140
+
141
+ height:500px;
142
+
143
+ background-image:url("https://isara.life/wp-content/themes/isara_v2/img/main.jpg");
144
+
145
+ background-size:cover;
146
+
147
+ }
148
+
149
+ ```

1

2020/02/08 12:58

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -1 +1,3 @@
1
1
  aタグの文字(リンクの文字)の太さを変えたいです。
2
+
3
+ すみません、コードを書き忘れました。必要であれば後ほど書き足します。