在html网页中请问下面图是怎么用html语言实现的?

2024-11-21 23:49:15
推荐回答(5个)
回答(1):


如下:

回答(2):



















望楼主采纳

回答(3):


布局就这样,下面说下样式ul{border: 1px solid #ccc} ul li{border-bottom:1px solid #ccc;background-color:xxx;font-weight:800;}a{padding-left:xxx(根据你前面红色那张图片来定);color#xxx; display:inline-block;width:xxx;height:xxx;line-height:xxx;}ul li a:hover{color:red;padding-left:xxx;background-color:#ffffff; background:url() no-repeat;}这里最好能把a的大小覆盖到跟你的li大小一样,这样的效果就能更好一些

回答(4):


当鼠标滑过时给li 下a 加个样式就可以了

回答(5):

用html和css实现的