고급 - 링크 상자 만들기

분석 예:

display:block;을 사용하여 a 요소를 블록 요소로 변환한 다음 a 요소의 너비와 높이를 설정합니다.

font-weight 속성을 사용하여 글꼴 두께를 설정하세요.

color 및 background-color 속성을 사용하여 글꼴 색상과 배경색을 설정하세요.

text-align:center를 사용하여 a 요소 내에서 텍스트를 가로 중앙에 배치하세요.

텍스트 장식을 사용하여 링크 밑줄을 제거하세요.

새로운 파일

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
a:link,a:visited
{
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#98bf21;
	width:120px;
	text-align:center;
	padding:4px;
	text-decoration:none;
}
a:hover,a:active
{
	background-color:#7A991A;
}
</style>
</head>

<body>
<a href="/css/" target="_blank">这是一个链接</a>
</body>
</html>

제출하다 코드 재설정

자동운전

전체 화면