CSS的样式(三)

  1. 字体CSS的样式(三)CSS的样式(三)
    显示效果
    CSS的样式(三)
    学习:利用font-size可以调节字体的大小,利用font-family可以设置字体的系列。

  2. 链接
    CSS的样式(三)CSS的样式(三)
    显示效果
    CSS的样式(三)CSS的样式(三)CSS的样式(三)CSS的样式(三)
    学习:链接分为四种状态:a:link(普通的、未被访问的链接);a:hover(鼠标指针位于链接的上方);a:visited(用户已访问的链接);a:active(链接被点击的时刻)。
    PS:使用text-decoration:none可以去除下划线,background-color可以设置字体背景颜色。CSS的样式(三)

  3. 列表
    CSS的样式(三)CSS的样式(三)
    显示效果
    CSS的样式(三)
    学习:list-style-position可以调节列表标志位置,inside略微右移,outside略微左移。
    PS:list-style-type可以设置列表的类型,空心圆、实心圆、实心方块和数字;也可以用list-style-image改为图片。CSS的样式(三)
    CSS的样式(三)

  4. 表格

CSS的样式(三)CSS的样式(三)
显示效果
CSS的样式(三)


  • CSS的样式(三)
    CSS的样式(三)
    显示效果
    CSS的样式(三)
    学习:border可以设置边框厚度,后接solid+空格+颜色可以设置线条颜色;
    text-align可以设置内容居左/中/右;background-color可以设置表格内部背景颜色;width和height可以设置宽高;border-collapse可以接collapse设为单线(默认为双线);color可设置字体颜色。
  1. 轮廓
    CSS的样式(三)
    CSS的样式(三)
    显示效果
    CSS的样式(三)
    学习:outline-width可以设置轮廓的厚度;outline-color可以设置轮廓的颜色;outline-style可以设置轮廓的样式。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-07-15
  • 2022-01-26
  • 2021-07-27
  • 2021-11-29
  • 2022-12-23
猜你喜欢
  • 2021-08-29
  • 2022-02-07
  • 2022-12-23
  • 2022-12-23
  • 2021-12-10
  • 2021-12-29
相关资源
相似解决方案