18-css列表-边框详解

时间:2020-03-22 13:48:22   收藏:0   阅读:87

关于列表属性的介绍
  list-style:列表的图片
语法:
  list-style:list-style-image || list-style-position || list-style-type
  列表的样式:列表的图片 列表的符号位置 列表的样式
  list-style:none; 不要列表的符号


CSS控制边框属性


  设置边框粗细 border-top-width:12px;
  设置边框的样式 border-top-style:solid[实线]、deshed[虚线]
  设置边框的颜色 border-top-color:red;
  设置某一边框属性的简捷方式 border-边框位置(top/right/bottom/left):线宽 线型 颜色;

  设置某一元素四条边框属性的简捷方式[仅限于四条边框 border:线宽 线型 颜色; 属性完全相同]
  如果只写border,则后面要跟着的是,三个不同的子属性,第一个是粗细,第二个是样式 ,第三个是颜色
  例:
    边框样式:粗细为两个像素 实线 蓝色
    border:2px solid blue

*******css小技巧:上来第一步:就先将你用到元素的内外边距,归零
  【1】、让盒子,水平居中。将对象左右外边界,设置为auto;
  【2】、让盒子中的内容,垂直居中,设置行高=盒子的高度,但是不要有换行。
  【3】、我们在调试的时候,可以适当加背景颜色。

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!