字体大小:

font-size: 12px;(默认16px)设置的是字体的高

字体是否加粗:

font-weight: bold; (四种选填值:lighter,normal,bold,bolder ;数字:100-200-300-- 900)

字体斜体:

font-style: italic;

字体样式:

font-family: cursive;

字体颜色:

color: #999;

颜色设置方案:

1、纯英文单词

自己所能理解的CSS(三)

2、颜色代码

自己所能理解的CSS(三)

颜色代码由 # 和 三个三原色的饱和程度(16进制来表示)来构成

Red(00~ff/FF)Green(00~ff/FF)Blue(00~ff/FF)

00表示什么的没有

如果颜色代码的每两位都是重复的,就可以简写为3个

f40(淘宝红 莫名想笑)

3、颜色函数

自己所能理解的CSS(三)

边框---border

自己所能理解的CSS(三)

border是一个复合属性

border-width:20px;

border-style:solid;(solid---实体 dotted---点状虚线  dashed---条状虚线)

用border画三角形

自己所能理解的CSS(三)

原理:首先建立一个这样的div

自己所能理解的CSS(三)

自己所能理解的CSS(三)

然后逐渐将width和height缩小

自己所能理解的CSS(三)

自己所能理解的CSS(三)

再缩小

自己所能理解的CSS(三)

自己所能理解的CSS(三)

到0

自己所能理解的CSS(三)

自己所能理解的CSS(三)

这个时候我们把border四周用上不同的颜色

自己所能理解的CSS(三)

自己所能理解的CSS(三)

就是这样子了

可以看见在扩大的了border边框的交界处是分开的

那么我们把其中三条边设置为透明属性,不就出现三角形了吗

自己所能理解的CSS(三)

自己所能理解的CSS(三)

但是要注意元素还是在的,注意三角形放的位置

自己所能理解的CSS(三)

三角形的线:

思路就是将两个三角形重叠放置,然后将一个三角形设置为白色,然后将内部的那个三角形往左移动 1px;有一部分的定位知识

自己所能理解的CSS(三)

自己所能理解的CSS(三)

做出来的效果

自己所能理解的CSS(三)

相关文章:

  • 2021-04-26
  • 2021-12-25
  • 2022-01-04
  • 2022-12-23
  • 2021-07-15
  • 2021-07-28
  • 2022-02-14
  • 2021-11-09
猜你喜欢
  • 2021-12-02
  • 2021-08-24
  • 2021-07-17
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-28
相关资源
相似解决方案