怎么给html标签写css样式

俄勒冈之旅 • 2023-5-19 • IT百科 • 阅读 16

1、直接使用行内样式，即在html标签上使用style

<div style="width:100pxheight:100pxbackground:red">div内容</div>

2、先定义css样式，再给html的class属性赋值

<style>

.content{

width:100px

height:100px

background:red

}

</style>

div测试内容

</div>

总结：两种方式效果是一致的，只是第二种方式可进行重用，只要html元素class属性相同即可

更改HTML标签中的行内样式，首先需要确认的是要修改标签的所在位置，然后想好所要改的css样式，在行级中的style标签后面去书写就可以了，具体看下代码：

<html>

<head>

</head>

<body>

<div id="round" style="width:400pxheight:300px">//通过行级样式来编写这个div的width和height

<p>我是测试文字</p>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

样式标签属性方式测试

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-05-19

下一篇 2023-05-19

登录后才能评论