• 技术文章 >web前端 >html教程

    怎么在div标签内设置css样式

    青灯夜游青灯夜游2021-05-20 17:34:49原创2590

    在div标签内,可以使用style属性设置css样式;style属性用于规定标签元素的行内样式,语法格式“<div style="属性名1:属性值1;属性名2:属性值2;...">标签内容</div>”。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在div标签内,可以使用style属性设置css样式。

    style 属性规定元素的行内样式(inline style)

    style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。

    示例:

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    	</head>
    
    	<body>
    		<h1 style="color:blue;text-align:center">标题</h1>
    		<p style="color:red">测试文本</p>
    		<div style="color:palevioletred">测试文本</div>
    	</body>
    
    </html>

    效果图:

    1.png

    推荐教程:html视频教程css视频教程

    以上就是怎么在div标签内设置css样式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:div标签 css样式
    上一篇:html5用什么工具开发 下一篇:html怎么播放视频
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• html怎么隐藏div元素• css怎么设置div阴影• css怎么把div设置成圆角• css如何设置div的宽度• css怎么去掉div边框
    1/1

    PHP中文网