如何利用HTML5和CSS3设置块级元素应用菜单

 时间:2024-10-12 06:32:07

1、第一步,双击打开HBuilder开发工具,新建静态页面block.html,如下图所示:

如何利用HTML5和CSS3设置块级元素应用菜单

2、第二步,在body元素内插入div、p、a和span,利用这些元素设计菜单,如下图所示:

如何利用HTML5和CSS3设置块级元素应用菜单

3、第三步,在<style></style>内编写样式属性,设计a标签侍厚治越元素样式属性,如下图所示:

如何利用HTML5和CSS3设置块级元素应用菜单

4、第四步,预览该静态页面,查看页面在浏览器中的效果,如下图所示:

如何利用HTML5和CSS3设置块级元素应用菜单

5、第五步,设计a标签hover和active的样式属性,设置字体属性、字体大小、宽度、高度和行高,如下图所示:

如何利用HTML5和CSS3设置块级元素应用菜单

6、第六步,添加a标签link样式属性,再次预览该静态页面,如下图所示:

如何利用HTML5和CSS3设置块级元素应用菜单
  • 如何给网页添加鼠标特效
  • DW怎么设置只复制文本
  • Dreamweaver软件怎么将字段变成列表
  • Dreamweaver中如何设置图像属性
  • Dreamweaver怎样将插入面板显示为水平插入栏
  • 热门搜索
    阅读手抄报的内容 中国梦足球梦手抄报 关于桥的手抄报 童话手抄报图片大全 幸福班级手抄报 英语手抄报的英文 体育手抄报图片 国庆节手抄报简单又好画 关于三月三的手抄报 预防新型冠状病毒的手抄报