一个div里面 怎么加2个样式?

一个div里面 怎么加2个样式?,第1张

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标正野题文档</title>

</head><body><div class="style1">如何调用2个样式</div></body></html>我现在只调用了一个style1, 我想把style2也调用控制这个DIV。格式是怎么写的?? 不要把2个style合成一个的方法。补充:我为什么会想到这个呢,是因为假如我的页面中的文字需要红色(粗细体)、 黑色(粗细体).、蓝色(粗细体)、白色(粗细体)。那么我只要每个样色写一个样式,粗细各写一个样式。再组合就行了。但是你们都这么举升喊说了。我也只要一个颜色笑猜的粗体 细体都要建一个样式了,这样就会很多样式了。

1、首先新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签一个模块,橘培在div内,再使用div标签创建两个内部模块,下面将让两个内部div并排显示。

3、在test.html文件内,分别给每一个div设置class属性,分绝亮别为wdiv,fldiv,frdiv。

4、在css标签内,设置class为wdiv的div样式,定义其宽度为500px,高度为400px,背景颜色为灰色。

5、在css标签内,再分别设置class为fldiv和frdiv的样式,定义它们的宽度为240px,高度为350px,同时,使用float属性分别设置一个div浮动向左,另一个浮动向右,从而实现并排显示。

6、最后圆宏唯在浏览器打开test.html文件,查看实现的效果,就完成了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11982383.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存