常见CSS+div+html等代码列表
时间 : 2024-11-22编辑 : 本站原创,禁止转载

上边距:<div style="margin-top: 10px;">这是一个有上边距的元素</div>
下边距:<div style="margin-bottom: 10px;">这是一个有下边距的元素</div>
左边距:<div style="margin-left: 10px;">这是一个有左边距的元素</div>
右边距:<div style="margin-right: 10px;">这是一个有右边距的元素</div>
文字加粗:<p style="font-weight: bold;">这是加粗的文字</p>或<b>这是加粗的文字</b>
文字水平居中:<div style="width: 200px; margin: 0 auto;">这是水平居中的内容</div>
文字垂直居中:<div style="height: 100px; line-height: 100px;">这是垂直居中的文字</div>
文字加黑和设置字号:<p style="color: black; font-size:16px;">这是黑色的文字</p>
文字加外部链接:<a href="https://www.example.com" target="_blank">这是一个链接文字</a>

宽度高度背景色:<div style="width: 300px; height: 200px; background-color: lightblue;"> 这是宽度和高度背景色为浅蓝 </div>
notepad+正则式表示包含其中一个字:.*(知乎|百度|小红书).*     长度7字符:^.{0,7}$