网站建设哪家好_ul和li 基本用法分析

日期:2020-12-28 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

ul和li 基本用法分析   发布     导航,少量数据表格,居中 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns= 1999/xhtml head
导航,少量数据表格,居中
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns= 1999/xhtml
head
title ul和li应用 /title
style type= text/css
#menu{width:1000px;height:35px;float:right;margin:0px; clear:both; vertical-align: bottom;}
#ul li{list-style-type:none; clear:both;width:100px;display:inline; font-size: larger;}
#myul li{float:left;width:100px;}
/style
/head
body
div id= menu
ul id= ul
li a title= href= x 首页 /a /li
li a title= href= x 行业图书 /a /li
li a title= href= x 服饰潮流 /a /li
li a title= href= BookShop/ 美容会所 /a /li
li a title= href= BookShop/ 妈咪宝贝 /a /li
li a title= href= BookShop/ 礼品书籍 /a /li
li a title= href= BookShop/ 新闻资讯 /a /li
li a title= href= BookShop/ 用户留言 /a /li
li a title= href= BookShop/ 联系我们 /a /li
/ul
/div
div 默认是竖排,并且带圆点
ul
li hello /li
li hello /li
li hello /li
li hello /li
/ul
/div
div
ul
li > li > li hello /li
li > /ul
/div
!--横向的方法,如果要居中,需要设置宽度才可以,这个宽度要和里面的li总长度一样。--
div > ul > li > li > li > li > li > /ul
/div
!--制作表格的原理,ul宽度为300px,li宽度为100px,则成三列--
div > ul id= myul > li hello /li
li hello /li
li hello /li
li hello /li
li hello /li
li hello /li
li hello /li
li hello /li
li hello /li
/ul
/div
/body
/html

这篇文章主要介绍了html父子页面iframe双向发消息的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了html-webpack-plugin使用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了html直接引用vue和element-ui的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了详解HTML中字体使用line-height依然不能垂直居中解决办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友

这篇文章主要介绍了前端html换肤功能的实现代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了多个HTML页面共同调用一段html代码的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来

这篇文章主要介绍了HTML中图片不存在显示默认图片的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来

这篇文章主要介绍了HTML table行距的改变方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学

这篇文章主要介绍了HTML Table 空白单元格补全的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一