gpt4 book ai didi

html - 上课电话太多,还是这样合适?

转载 作者:行者123 更新时间:2023-11-28 00:02:01 24 4
gpt4 key购买 nike

好吧,基本上我是在研究色标,我对 html 和 css 编程并不陌生,但我遇到了这个问题,这个问题是,在单独的段落标记中调用了一组类。对我来说,它看起来不太好,因为它全都乱七八糟;课后课,还有另一种方法吗?我有一个外部 css 样式表,所以我没有在我的 html 中写它...

<!DOCTYPE html>
<html>
<head>
<title>Color</title>
<link rel="stylesheet" type="text/css" href="Color.css">
</head>
<body>
<h1>pH Scale</h1>
<p class="fourteen">14.0 VERY ALKALINE</p>
<p class="thirteen">13.0</p>
<p class="twelve">12.0</p>
<p class="eleven">11.0</p>
<p class="ten">10.0</p>
<p class="nine">9.0</p>
<p class="eight">8.0</p>
<p class="seven">7.0 NEUTRAL</p>
<p class="six">6.0</p>
<p class="five">5.0</p>
<p class="four">4.0</p>
<p class="three">3.0</p>
<p class="two">2.0</p>
<p class="one">1.0</p>
<p class="zero">0.0 VERY ACID</p>
</body>
</html>

最佳答案

使用 CSS 会像在 HTML 中添加类一样痛苦和冗长。
所以我会像下面的例子一样使用 JS 或 jQuery。感谢 hsla颜色你可以用几行来完成:

LIVE DEMO

注意:把你所有的p都包起来进入 <div id="scale">

var $p = $('#scale p'),
len = 360/$p.length;

$p.css({background: function(i){
return "hsla("+(i*len)+",50%,70%, 0.9)";
}});

enter image description here

关于html - 上课电话太多,还是这样合适?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20811428/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com