文档章节

css基础知识之列表

Akillua
 Akillua
发布于 2017/07/27 10:55
字数 115
阅读 2
收藏 0

ul、li列表样式部分如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表样式</title>
    <style>
        ul.ul1{
            /*list-style常用值:decimal数字
                               circle空心圆
                               disc实心圆,系统默认*/
            list-style-image: url("../../image/icon.png");
            /*outside偏向外侧*/
            list-style-position: outside;
        }
        ul.ul2{
            list-style-image: url("../../image/icon.png");
            /*inside偏向内侧*/
            list-style-position: inside;
        }
    </style>
</head>
<body>
<ul class="ul1">
    <li>柠檬</li>
    <li>苹果</li>
    <li>香蕉</li>
</ul>
<ul class="ul2">
    <li>柠檬</li>
    <li>苹果</li>
    <li>香蕉</li>
</ul>

</body>
</html>

 

© 著作权归作者所有

Akillua
粉丝 0
博文 43
码字总数 19935
作品 0
郑州
私信 提问
完整的网页制作视频

基础:http://edu.51cto.com/course/12283.html 进阶:http://edu.51cto.com/course/12338.html 课程目标在第一阶段HTML&CSS网页制作基础课程的前提下,力求通过一个实际网站页面的编写,让学...

杨胜强的号
2018/01/22
0
0
学习python12小时后,告诉想学爬虫的你,别怕,爬虫,没那么难抓

怎样学编程 编程就如同你学习开车,即使,你可以一口气,说出一辆车的全部零部件,以及内燃机进气、压缩、做功和排气过程,但你就是不去练如何开车,怎么上路。你确定,你敢开吗?你敢开,我...

糖宝lsh
2018/10/06
0
0
CSS :focus伪类JS focus事件提高网站键盘可访问性

CSS :focus伪类JS focus事件提高网站键盘可访问性 张鑫旭-鑫空间-鑫生活2017-04-2331 阅读 outlineformfocus键盘事件label by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=610...

张鑫旭-鑫空间-鑫生活
2017/04/23
0
0
Web前端基础【2】--CSS基础

CSS指层叠样式表,用来定义如何显示HTML元素,一般和HTML配合使用。CSS样式表的目的是为了解决内容与表现分离的问题:即使同一个HTML文档也能表现出外观的多样性。作一个形象的比喻:对于一个...

爱吃西瓜的番茄酱
2017/11/01
0
0
前端学习书籍

前端学习书籍 Css 1、CSS时尚编程百例 【内容介绍】 CSS时尚编程百例》超级不错的一本学习CSS的书籍,全部以实例为主讲解如何使用CSS语法、滤镜、高级功能等,百例主要包括最常用的CSS菜单特...

MyDear宸
2017/05/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

策略模式

策略模式封装的是算法,而状态模式侧重的对象状态的转变。 /** * 策略,定义计算报价算法的接口 */public interface Strategy { /** * 计算应报的价格 * @param goo...

铁骨铮铮
31分钟前
0
0
如何用JavaScript写一个区块链?

Part1实现一个基本的区块链 1.区块链 区块链是由一个个任何人都可以访问的区块构成的公共数据库。这好像没什么特别的,不过它们有一个有趣的属性:它们是不可变的。一旦一个区块被添加到区块...

骚年锦时
35分钟前
0
0
HTTP协议

HTTP简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议...

惊尘大人
37分钟前
0
0
Feign输出Info级别日志

背景   spring cloud netfix组件中,feign相关的日志默认是不会输出的,需要自定义配置才能输出,并且Feign只对Debug基本的日志做出响应, 实际业务需要输出Info级别的日志,所以需要做自定...

xiaomin0322
42分钟前
3
0
面向解决问题的java编程,spring boot,mybatis generator和坑-1starter

1、start一个spring boot项目 第一课我们也不能免俗,要从starter开始,spring boot的起始项目脚手架可以从spring boot官方starter生成地址开始:https://start.spring.io/ 这张图列出了一个...

wphmoon
42分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部