고급 - 링크 상자 만들기

분석 예:

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>

제출하다 코드 재설정

자동운전

이전 섹션 다음 섹션

튜토리얼 목록

도움을 받다