随笔 - 384  文章 - 0  评论 - 0  阅读 - 13万

7.美化网页元素

1.span标签:重点要突出的字,使用span套起来

2.字体样式

  • 字体:font-family:楷体;     
  • 字体颜色:color: green;(单词 / RGB / RGBA透明度0-1)
  • 字体大小:font-size: 42px;
  • 字体粗细:font-weight: bold;

3.文本样式

  • 文本对齐方式:text-align: center;
  • 段落首行缩进:text-indent: 2em;
  • 行高:height:150px;  
  • 块的高度:line-height:150px    注意:行高和块的高度一致,就可以单行文字上下居中(line-height=height)
  • 上划线:text-decoration: overline;
  • 中划线:text-decoration: line-through;
  • 下划线:text-decoration: underline;
  • 去掉下划线:text-decoration: none;
  • 文本水平对齐:vertical-align:middle;

4.超链接伪类

  • 鼠标悬浮状态 a:hover{ }

  • 鼠标按住未释放状态 a:active{ }
  • 已访问的连接 a:visited{ }

5.阴影:text-shadow:阴影颜色,水平偏移,垂直偏移,阴影半径

6.列表

  • list-syle:none         去掉圆点
  • list-style:circle        空心圆
  • list-style:decimal    数字
  • list-style:square     正方形
posted on   我不想一直当菜鸟  阅读(66)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示