2016-06-13 4 views
0

Я хочу знать, как изменить размер фона по ссылке.Изменение размера фона ссылки

вот мой HTML

<!DOCTYPE html> 
<head> 
<title>Library for Macintosh games.</title> 
<link rel="stylesheet" type="text/css" href="styles.css" /> 
</head> 
<body> 

<h1>Old Mac Games for Free</h1> 
<p><a href="google.com" id="link">Google</a></p> 
<script src="javascript.js" type="text/javascript"> 
</script> 
</canvas> 
</body> 
</html> 

вот мой CSS

HTML {цвет фона: # d0e0c9}

h1 { 
font-family: Arial; 
font-weight: bold; 
text-align: center; 
margin-bottom: 85px; 
margin-top: 85px; 
font-size: 45px; 
} 

#link { 
background-color: fuchsia; 
text-align: center; 
margin:500; 
height: 100px; 
width: 200px; 
} 
+0

, что вы имеете в виду, фонового размере? фон элемента всегда такой же большой, как и сам элемент. –

+0

Я думаю, что правильно понял, что вы ищете. Прокомментируйте и дайте мне знать, правильно ли я догадался, что вы подразумеваете под «фоном размера», – MassDebates

ответ

0

Если вы хотите изменить размер текст ссылки , вы можете использовать

<span style="font-size: 10px;"> <a href"..."> Text Here </a></span> 

Если вы хотите изменить цвет шрифта, «цвет: синий;», если вы хотите изменить цвет фона «за текстом»:

<div style="background-color: black;"> 
<span style="font-size: 10px;"> 
<a href"..."> 
Text Here 
</a> 
</span> 
</div> 

И вы измените размер DIV так:

<div style="width: 100px; height: 5px"> 
<div style="width: 50%; height: 5px; margin: auto;"> 

Вот ссылка на общий CSS стиль: http://www.w3schools.com/css/default.asp

EDIT: Кроме того, его довольно неясно, что вы имеете в виду под «фона размер» вы можете быть немного более конкретными, когда вы размещаете вопрос!

0

Я считаю, что вы имеете в виду прокладку элемента ссылки. Если вы хотите, чтобы увеличить внешний вид фона элемента связи, вы можете легко добавить в этот CSS:

#link { 
background-color: fuchsia; 
text-align: center; 
padding:2em; 
} 

Вы должны быть в состоянии увидеть ссылку в «фон-размер» легко.

Вы можете увидеть рабочую демонстрацию здесь: http://codepen.io/anon/pen/xOVYvL

Я предлагаю вам проверить некоторое дальнейшее чтение:

Смежные вопросы