位置: 编程技术 - 正文

li的简单应用

编辑:rootadmin
作者:eoe 虽然自己天天写CSS~~ 可是来了原创文章这里~~不知道要写什么~~ 今天就先写个LI 的简单应用~~以后慢慢加好了 这是一个普通的LI <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" <head> <title>li的简单应用</title> </head> <body> <div id="test"> <ul> <li>测试列表的 </li> <li>测试列表的 </li> <li>测试列表的 </li> <li>测试列表的 </li> </ul> </div> </body> </html> 提示:你可以先修改部分代码再运行 加了点CSS样式定义可以这样 引用: *{margin:0;padding:0;} 习惯性把所有的元素的内补丁外补丁定义为0 0可以没有单位~~理论上是要单位的~不过0px 0pt 0em 都是0 所以~懒了~~ #test ul li 是 包含选择符 定义ID为test 里面的ul里的li margin:~在基本所有的浏览器解析都是一样~ 这里之所有要写两个是因为~ 在li里面有我用到border,IE5.x对border的解析与其他浏览器不一样 margin/**/: 这样的话~IE5.x是不认识的~~ 当然还有其他的写法如: voice-family : ""}"";voice-family :inherit;等~ 可参考 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" <head> <title>li的简单应用</title> <style type="text/css"> *{margin:0;padding:0;} #test { width:px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/**/:1px; list-style-type:none; font:normal normal normal &#;px/2em helvetica,Arial, verdana; border:1px # solid; background: #fefefe url(' no-repeat left center; padding-left:px; } </style> </head> <body> <div id="test"> <ul> <li>测试列表的 </li> <li>测试列表的 </li> <li>测试列表的 </li> <li>测试列表的 </li> </ul> </div> </body> </html> 提示:你可以先修改部分代码再运行 再加上类如日期之类的内容 引用: span定义为float:right 他会跟在后面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" <head> <title>li的简单应用</title> <style type="text/css"> *{margin:0;padding:0;} #test { width:px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/**/:1px; list-style-type:none; font:normal normal normal &#;px/2em helvetica,Arial, verdana; border:1px # solid; background: #fefefe url(' no-repeat left center; padding-left:px; } #test ul li span { margin:0px 5px; float:right; } </style> </head> <body> <div id="test"> <ul> <li><span>-</span>测试列表的 </li> <li><span>-</span>测试列表的 </li> <li><span>-</span>测试列表的 </li> <li><span>-</span>测试列表的 </li> </ul> </div> </body> </html> 提示:你可以先修改部分代码再运行 再加更多的内容 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" <head> <title>li的简单应用</title> <style type="text/css"> *{margin:0;padding:0;} #test { width:px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/**/:1px; list-style-type:none; font:normal normal normal &#;px/1em helvetica,Arial, verdana; border:1px # solid; } #test ul li h4 { font:normal normal normal &#;px/2em helvetica,Arial, verdana; padding-left:px; background: #fefefe url(' no-repeat left center; } #test ul li p { padding:2px; } #test ul li span { margin:0px 5px; float:right; } </style> </head> <body> <div id="test"> <ul> <li><h4><span>-</span>测试列表的</h4> <p>测试列表的测试列表的测试列表的测试列表的测试列表的</p> </li> <li><h4><span>-</span>测试列表的</h4> <p>测试列表的测试列表的测试列表的</p> </li> <li><h4><span>-</span>测试列表的</h4> <p>测试列表的测试列表的测试列表的</p> </li> <li><h4><span>-</span>测试列表的</h4> <p>测试列表的测试列表的测试列表的</p> </li> </ul> </div> </body> </html>

推荐整理分享li的简单应用,希望有所帮助,仅作参考,欢迎阅读内容。

li的简单应用

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

让人不得不佩服的CSS效果 作者:eoe1.寻寻觅觅先要找个到好效果~才能抄如

web打印的另类方法 web打印的另类方法选择自wfmazhenhai的Blog关键字web打印的另类方法出处相信用B/S方式做过应用的人都可能会遇到这样一个问题,如何方便、美观地实现报

用CSS实现的一张图完成的按钮效果 [Ctrl+A全选注:如需引入外部Js需刷新才能执行]用CSS实现的一张图完成的导航条游戏娱乐菜单好玩[Ctrl+A全选注:如需引入外部Js需刷新才能执行]

标签: li的简单应用

本文链接地址:https://www.jiuchutong.com/biancheng/371957.html 转载请保留说明!

上一篇:网页颜色搭配技巧 文字字体、字号、字体排版等(网页制作颜色搭配)

下一篇:让人不得不佩服的CSS效果(不得不佩服自己的搞笑说说)

  • 装修费用应该计入什么科目
  • 简易计税的增值税要计提附加税吗
  • 增值税发票如何作废流程
  • 减免增值税款怎么算
  • 如何查询对方是不是一般纳税人
  • 救援车拉货交警查吗?
  • 固定资产的净值等于
  • 出口收汇核销单取消了吗
  • 购入工程物资计入
  • 实收资本不到账如何做凭证
  • 资本公积转实收资本会计科目
  • 预交增值税附加税费减免吗
  • 经济纠纷的解决途径包括哪些
  • 有限公司结业清算
  • 被辞退还有退休金吗
  • 船票能开发票吗
  • 2018年出口退税税率
  • 上海2018房产税实施细则
  • 开票资料填写
  • 企业进项发票如何做账
  • 给客户的回扣做账时怎么写情况说明
  • 营改增房租增值税税率
  • 小规模企业转为一般纳税人怎么做会计分录
  • 发票上不小心印上作废两个字怎么办
  • 收入3000以下占比
  • 投资收益亏损后会怎么样
  • 应收账款零头会计处理
  • 发票未报送怎么回事
  • wwwxxx域名选择(www.xxx.com或者.cn)
  • hpdskflt.sys
  • php socket 非阻塞
  • 开办分公司
  • php 中奖概率算法
  • 麻雀优化算法和鲸鱼算法哪个好
  • mysqldump命令不存在
  • 出口退税逾期申报,需申报出口货物收汇情况表
  • python 数据采集卡
  • 公司注销实收资本退回需要交税吗
  • 施工水电费账务处理流程
  • 个税申报系统升级要多久
  • 增值税季度缴纳时间
  • 不同银行外币汇率不一样
  • 在记账过程中,可能发生各种各样的差错
  • 非货币性资产交换和债务重组的区别
  • 公司基本账户提现规定
  • 收到非税收入一般缴款书怎么分录
  • 金融存款利率
  • 土地作为无形资产需要计提折旧吗?
  • 长期待摊费用是当月摊销还是次月摊销
  • 建筑工地塔吊租赁会计分录
  • 企业和债权人有什么利益冲突
  • solaris init 0
  • win7系统ie浏览器打不开
  • 优化计算
  • win10启动很慢怎么办
  • win8.1应用商店无法连接
  • win8.1进不了系统
  • thinkpad笔记本键盘无法输入
  • 微软首席科学家薪水
  • win10系统admin和oobe
  • win7系统升级win10系统方法
  • linux服务器被尝试登录失败
  • 简述js和jquery的关系
  • android面试题简书
  • opengl语言
  • nodejs爬虫框架crawler
  • intent传递数据的方法
  • css中hack
  • python记录运行状态的模块
  • 在web项目中引入什么
  • css实现无缝滚动
  • 安卓作业电量广播
  • js检查邮箱格式
  • 青海税务app
  • 纳税人如何划分
  • 小规模企业所得税申报流程
  • 上海哪能玩
  • 税务发票机器怎么操作
  • 什么是社保补缴的标准
  • 增值税普通发票可以抵扣吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设