HTML用户交互图片设置

 时间:2024-10-13 07:14:30

1、在header中添加一个类,命名为login,然后在内部添加两个a标签,一个显示个人中心,一个显示退出登录。这两个设置完成之后,点击预览,我们可以看到刚才设置的内容已经显示在header中。

HTML用户交互图片设置

2、给a标签设置想要的css样式,显示在header网页右侧,并且设置text颜色,在文本下方不显示下划线,当鼠标移动到文本上时才显示下划线,设置完成之后预览设置效果。

HTML用户交互图片设置

3、将我们的图片加载到login中显示,并且我们需要将图片分割成上下两部分显示在两个选项中,平铺在左右两侧,需要定位图片的准确坐标。

HTML用户交互图片设置

5、调节图片显示位置,调节margin设置,设置行高,字体颜色,完成设置之后,点击预览我们的设置效果,发现在每一个选项左侧都添加上了我们需要的这个图片。

HTML用户交互图片设置
  • select对象如何使用size属性?
  • html里面背景图片怎么设置调整
  • css如何让图片的边框有发光效果
  • css怎样让div的背景居中
  • 怎么写横向导航用css
  • 热门搜索
    上海市商贸旅游 骆驼旅游鞋 云南旅游团购 湘西凤凰旅游 毕业旅游景点 绵阳旅游局 陕西旅游路线 张北旅游景点大全 泰国旅游网 平山旅游景点