html的style属性可以定义内联样式,标签的style属性用于规定元素的行内样式(内联样式),只需要在标签中添加style属性并设置好属性值即可,语法“”。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 html的style属性可以定义内联样式。 style 属性规定元素的行内样式(inline style) style 属性将覆盖任何全局的样式设定,例如在 标签或在外部样式表中规定的样式。</p> <p>语法:<code><element style="style_definition"></code><br></p> <ul style="list-style-type: disc;"><li><p>style_definition:一个或多个由分号分隔的 CSS 属性和值。</p></li></ul> <p>示例:针对段落、<h2> 标签、<em> 标签、<strong>标签以及 <div> 标签,分别应用 CSS 行内样式。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!doctype html> <html> <head> <meta charset="utf-8"> <title>行内样式(内联样式)</title> </head> <body> <p style="background-color: #999900">行内元素,控制段落-1</p> <h2 style="background-color: #FF6633">行内元素,h2 标题元素</h2> <p style="background-color: #999900">行内元素,控制段落-2</p> <strong style="font-size:30px;">行内元素,strong 比 em 效果要强</strong> <div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素,div 块级元素</div> <em style="font-size:2em;">行内元素,em 强调</em> </body> </html></pre><div class="contentsignin">登录后复制</div></div><p>效果图:<br></p> <p><img src="https://img.php.cn/upload/image/722/481/284/1631788905992989.gif" title="1631788905992989.gif" alt="1.gif"></p> <p>相关推荐:《<a href="https://www.php.cn/course/list/12.html" target="_blank">css视频教程</a>》</p>