码迷,mamicode.com
首页 > Web开发 > 详细

18-css列表-边框详解

时间:2020-03-22 13:48:22      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:垂直   ||   方式   one   边框   none   lis   像素   蓝色   

关于列表属性的介绍
  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】、我们在调试的时候,可以适当加背景颜色。

18-css列表-边框详解

标签:垂直   ||   方式   one   边框   none   lis   像素   蓝色   

原文地址:https://www.cnblogs.com/xiang-liang/p/12545462.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!