이 글의 내용은 CSS의 링크와 목록에 대한 코드 분석입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
a:link{ color: cornflowerblue; text-decoration:none; background-color: violet; } /*link表示链接还没有被点击的状态*/ /*decoration(装饰),控制链接的下划线,当赋值为none没有下划线了*/ /*background-color设置背景颜色*/ a:visited{ color:forestgreen; } /*visited表示已经被点击的状态*/ a:hover{ color: blueviolet; } /*hover表示已经被鼠标滑过的状态*/ a:active{ color:forestgreen; } /*链接正在被点击的状态*/ ul li{ list-style-type: armenian; } /*list-style-type控制标签的显示效果*/ ul li{ list-style-image: url("1.jpg"); } /*通过导入本地图片,将标签的前面的标志,替换成想要加入的图片*/ ul.ul1{ list-style-position:inside; } ul.ul2{ list-style-position: outside; } /*该变量控制标签每一项的位置,inside往右边(里边)靠一些,outside往外面靠一些*/
관련 권장사항:
HTML5 스타일 및 목록, CSS의 4가지 상태 link_html/css_WEB-ITnose
Html 태그 사용--텍스트, 목록, 테이블, hyperlink_html/css_WEB-ITnose
위 내용은 CSS의 링크 및 목록 코드 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!