css+html實(shí)現(xiàn)自適應(yīng)寬度的菜單學(xué)習(xí)_html/css_WEB-ITnose
Jun 24, 2016 am 11:59 AM
本文是利用css和html實(shí)現(xiàn)自適應(yīng)于文本長度菜單。
實(shí)現(xiàn)后的效果圖,如下:
實(shí)現(xiàn)代碼如下:
<title>menu4.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--><style type="text/css">a{ display: block; height:38px; /* width:107px; */ /* line-height: 2; */ line-height: 38px; text-align: center; background: url(./c2.jpg) no-repeat 0px 0px; color:#d84700; font-size: 14px; weight:bold; text-decoration: none; padding-left: 18px; float:left; margin:5px;}a span{ display: block; background: url(./c2.jpg) no-repeat right 0px; padding-right: 20px;}a:hover{ background: url(./c2.jpg) no-repeat 0px -38px;}a:hover span{ background: url(./c2.jpg) no-repeat right -38px;}</style> <p><a href="#"><span>免費(fèi)注冊</span></a> <a href="#"><span>登入</span></a> <a href="#"><span>在網(wǎng)上開店</span></a></p>

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

? ?? pip? ???? ???? ?? pip? ????? ???? ??? ?????! ??: pip? Python ???? ?? ??, ????? ? ??? ? ?? Python? ??? ?? ?? ? ?????. ??? ??? ?? ??? ?? ??? ???? ??? Python ??? ??? ??? ?? ??? pip? ???? ? ?? ????. ? ????? pip? ????? ???? ??? ???? ???? ?? ??? ?????. 1. pip ?? ?? ??? pip ??? ? ?? ???? ??? ?????.

matplotlib ???? ?? ??? ????? ?? ?? ??? ?????. 1. ?? matplotlib? ??? ??? ??? ??? ? ??? ? ?? ??? ??? ?? ? ?? ??? ?????. ???(colormap)? ??? ? ???? ???? matplotlib? ??? ?????. matplotlib ???? ?? ???? ??? matplotlib? ??? ??? ? ? ??? ???? ? ???? ??? ? ??? ? ????.

???? Pygame ???: ?? ?? ? ?? ????, ?? ?? ?? ?? ??: Pygame? Python ????? ??? ???? ??? ?? ?? ?? ?? ??????, ???? ??? ??? ?? ?? ? ??? ??? ??? ??? ?????. ???. ? ??? ???? Pygame? ??? ? ??? ? ???, ??? ?? ? ?? ????? ?? ??? ?? ?? ?? ??? ??? ????. 1?: Python ? Pygame ?? ?? ?? ??? ?????.

C ?? ??? ??: ?????? ???? ?? ? ???? ?? ???? ??? ?????? ?? ??? ?? ??? ?????. ?? ????? ?? ??? C ??? ?? ???????? ??? ?? ????. C ??? ???, ??? ? ??? ?? ??? ?? ???? ????? ??? ???? ? ?? ??? C ?????. ? ????? C ?? ??? ??? C ?? ??? ?? ?????? ???? ???? ??? ?? ?????. ??, C ?? ??? ??? ???? ????. C??? ?? ????? ??? ??

Word?? ??? ??? ??? ? ?? ??? ???? ?? ??? ????. ?? ???? Word?? ??? ???? ??? ??? ??? ????? Word?? ??? ???? ??? ?? ????? ???? ?????? ??????. ??? ? ????? ??? ??? ????. ?? ????? Word ?????? ? ?? ????? ??? ?? ?? ??? ???? ?? ??? ??? ?????. ?? ?? ?? ?????. 2. [??]? ??? ?, ???? [??]? ?????. ?? ??? ??? ?? ?? 3. ??? [? ?? ??]? ?????. ?? ??? ??? ?? ?? 4. [??]? ??? ? ?? ??? ?????. ?? ??? ??? ?? ??? ??:

??: Go ??? ?? ??? ???? ????. Go ??? ???? ???? ????? ??? ????? ?????. Go ???? main ??? ?? ????, ?? Go ????? ????? ????? main ??? ???? ???. ? ???? Go ??? ?? ??? ???? ??? ??? ???? ???? ?? ??? ?????. 1. ?? Go ?? ?? ??? ???? ???. ?? ????(https://golang.org)? ????? ???.

?? ?? ?? ??? Microsoft? win11 ????? ?? ??? ?? ??????. ??? ?? ??? ??? ??? ?? ??? ????? ??? ???? ?? ??? ??? ?? ?? ????? ????? ????? ?? ??? ????. ??? ???? ????? ???? ?? ????? ?????. win11?? ? ?? ??? ?? ?? 1. ?? ??? win11? ?? ????? ???? ? ??? ????. 2. win11? ??? ? ? ??? ?? ??? ?? ?? ??? win11? ????? ????. 3. ? ? ??? ?? ??? ????? win11? ?? ?????? ???. 4. ???? ???? ??? ???? ?????.

pip ??? ???? ??? ?? ?? ??? ?????. ??: pip? Python ???? ?? ??, ????? ? ??? ? ?? ?????. Python ?????? pip ?? ??? ??? ?? ?? ?????. ? ????? ???? pip ?? ??? ???? ??? pip ???? ??? ??? ? ??? ?? ? ?? ???? ?? ???? ?? ??? ?????. 1. pip ?? pip? ???? ?? ?? pip? ???? ???. ?
