常见CSS+div+html等代码列表

逗号CMS

常见CSS+div+html等代码列表



上边距：<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}$