18-css列表-边框详解

Posted xiang-liang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了18-css列表-边框详解相关的知识,希望对你有一定的参考价值。

关于列表属性的介绍
  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列表-边框详解的主要内容,如果未能解决你的问题,请参考以下文章

MINIUI边框CSS详解

网站侧边框文章列表超出边框 ccs里面如何定义样式?

模拟列表中的边框折叠(无表格)

SwiftUI禁用列表边框iOS 14 [重复]

SwiftUI禁用列表边框iOS 14 [重复]

WPF XAML 列表框选定项边框颜色