css 以点开头 |css加渐变效果

p {
text-decoration: dotted; /* 文字下方虚线样式 */
padding: 5px; /* 元素内部和文字之间的间距 */
text-indent: 2em; /* 首行宽度 */
}

1. text-decoration: dotted;

这个属性可以为文本设置虚线样式，通常用于文字下划线效果。比如大家可以为链接设置一个文字下方的虚线，而不是传统的实线样式，这样可以体现出新颖的设计感。

a {
text-decoration: none;/*去掉链接默认下划线*/
border-bottom: 1px dotted blue;/*下划线为蓝色虚线*/
}

2. padding: 5px;

这个属性可以为元素内部和文字之间添加一定的间距。通常用于排版和美化，可以让元素之间更加清晰明了。比如大家可以为段落设置内部和文字之间的5px间距，让文字显得更加松散。

3. text-indent: 2em;

这个属性可以设置首行缩进的距离，通常用于文字排版和美化。比如大家可以为段落设置首行缩进2个字符，让整个段落更加整齐、美观。

总之，点开头的CSS属性可以为大家的网页设计带来很多创意和乐趣。希望大家可以在实际项目中灵活应用，创造出更加精美的网页。