酷站官网,庐山市建设规划局网站,成都php网站建设,春节html网页设计与制作代码1、css可以设置链接的四种状态样式。
a:link - 正常#xff0c;未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:active - 链接被点击的那一刻
2、 a:hover 必须在 a:link 和 a:visited 之后#xff0c; a:active 必须在 a:hover 之后未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:active - 链接被点击的那一刻
2、 a:hover 必须在 a:link 和 a:visited 之后 a:active 必须在 a:hover 之后需要严格按顺序才能看到效果。
3、text-decoration 属性主要用于删除链接中的下划线。
!DOCTYPE html
htmlheadmeta charsetutf-8titleCSS学习之链接/titlestylea:link {color: #000000;text-decoration: none;background-color: #B2FF99;}a:visited {color: #00FF00;text-decoration: none;background-color: #FFFF85;}a:hover{color: #FF00FF;text-decoration: underline;background-color: #FF704D;}a:active{color: #0000FF;text-decoration: underline;background-color: #FF704D;}/style/headbodypba href/css/ target_blank这是一个链接/a/b/ppb注意/b a:hover 必须在 a:link 和 a:visited 之后需要严格按顺序才能看到效果。/ppb注意/ba:active 必须在 a:hover 之后。/p/body
/html
运行结果 !DOCTYPE html
htmlheadmeta charsetuft-8title有序、无序列表/titlestyle/*根据类名定义样式*/ul.a {list-style-type: circle;}ul.b{list-style-type: square;}ol.c{list-style-type: upper-roman;}ol.d{list-style-type: lower-alpha;}ul.cut{list-style-type: none;margin: 0;padding: 0;}/style/headbodyp无序列表实例/pul classaliPHP/liliJAVA/liliPYTHON/li/ulul classbliPHP/liliJAVA/lilipython/li/ulp有序列表实例/pol classcliPHP/liliJAVA/lilipython/li/olol classdliPHP/liliJAVA/lilipython/li/olp移除列表默认前标/pul classcutliPHP/liliJAVA/lilipython/li/ul/body
/html 运行结果
