首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    css列表属性和样式控制

    如下图是360浏览器主页的内容,上边有导航,下边是新闻列表,这种布局很常见,今天就来学习css列表属性之后并制作它。 列表属性 html有三种类型的列表:无序列表,有序列表和自定义列表。...设置列表标记有序号,圆点,圆圈,图片等多种形式。 list-style:简写属性,用于把下边三个属性声明到一起。...list-style-type : 属性指定列表项标记的类型(实心圆、空心圆、方框等)。 list-style-position : 设置列表中标记项的相对位置。...list-style-position的属性值 inside:列表项目标记放置在文本以内,且环绕文本根据标记对齐。 outside:默认值,保持标记位于文本的左侧。...代码示例: /* list-style简写设置它的三个属性值 */ list-style: square inside url("bg.jpg") ; /* 等同于下边的样式 */ list-style-type

    2.1K20

    css列表属性和样式控制

    如下图是360浏览器主页的内容,上边有导航,下边是新闻列表,这种布局很常见,今天就来学习css列表属性之后并制作它。 列表属性 html有三种类型的列表:无序列表,有序列表和自定义列表。...设置列表标记有序号,圆点,圆圈,图片等多种形式。 list-style:简写属性,用于把下边三个属性声明到一起。...list-style-type : 属性指定列表项标记的类型(实心圆、空心圆、方框等)。 list-style-position : 设置列表中标记项的相对位置。...list-style-position的属性值 inside:列表项目标记放置在文本以内,且环绕文本根据标记对齐。 outside:默认值,保持标记位于文本的左侧。...代码示例: /* list-style简写设置它的三个属性值 */ list-style: square inside url("bg.jpg") ; /* 等同于下边的样式 */ list-style-type

    2K10
    领券