美文网首页
列表和边框

列表和边框

作者: 清风吹落花的香 | 来源:发表于2016-08-12 15:21 被阅读0次

列表

(1)有序列表(ol)start=“”从几开始排序

无序列表(ul)type=“square方块"只能在无序列表中用  disc

定义列表(dl) type=“"(排序类型)

(2)(li)为列表项

loat浮动 float:left向左浮动    float:right向右浮动

display显示 inline-block,block块

border:

border-radius  :边框倒角

border-radius:  1px 1px 1px 1px 上右下左

border-radius:10px 40px;参数一  上下;参数二  左右

border-radius:30px;上下左右

border-radius:10px 30px 40px;参数一;上   参数二,左右  参数三 ,下

阴影box-shadow

/* 第一个参数 水平阴影的位置

第二个参数 垂直阴影位置、

第三个参数 模糊距离

第四个参数 阴影的颜色

第五个参数 将外部阴影(outset)改为内部阴影(insert) */

box-shadow :10px 10px 30px 10px black ;

box-shadow :10px 10px 30px ;//上,左右,下

图像边框:

-webkit-border-image:url(biankuang.jpg) 27 round;//round围绕

-moz-border-image:url(biankuang.jpg) 27 repeat;//repeat平铺

-o-border-image:url(biankuang.jpg) 27 round;

轮廓:outline

outline: 3px dashed green ;第一个参数边框宽度,样式 颜色

outline: 0px ;//轮廓没有

box-shadow :10px 10px ;上下,左右

box-shadow :10px 10px red; 上下,左右,红

相关文章

  • 列表和边框

    列表 (1)有序列表(ol)start=“”从几开始排序 无序列表(ul)type=“square方块"只能在无序...

  • 简单“新闻列表”边框

    新闻列表 .box1{width: 400px;height: 50px;...

  • CSS文本-边框-列表

    文本属性 边框样式border 表格属性 表格边框合并border-collapseborder-collapse...

  • HTML+CSS+JavaScript知识点整理2

    CSS选择器 CSS注释 CSS列表属性 CSS边框属性:每个元素都可以加边框线 CSS内边距属性:边框线到内容间...

  • CSS常用样式

    文字属性控制字体设置文本格式 边框 边界 列表符号属性 背景样式 连接属性 a 鼠标光标样式 边框基本样式属性 边...

  • day03

    今天学了什么 1.css列表样式 2.css边框 可以简写成 3.表格 3.1折叠边框 border-collap...

  • 微信小程序之四:样式

    设置背景图片,不要使用这个方式设置背景图 overflow 属性 button去掉自带的边框 组件设置边框 列表中...

  • CSS基础-14-水平导航栏(示例及详细创建过程)

    1. 内联列表实现 效果image.png 2. 浮动列表实现 效果image.png 3. 添加边框 3.1 思...

  • CSS border outline

    边框和轮廓 边框和轮廓是位于外边距内外的线框,有时候,设置边框和轮廓属性对于网页布局很有用,尤其是边框。 边框bo...

  • html5+css3

    html4和html5的区别: css3 css3包括盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、...

网友评论

      本文标题:列表和边框

      本文链接:https://www.haomeiwen.com/subject/eyqesttx.html