五角星颜色设置

首页课程实战体系课手记专栏慕课教程

五角星颜色设置

来源：4-2 编程练习

不想做设计的设计师

2017-06-25 15:48:40

我这个五角星在行内标签里面，如何在<head></head>标签里面设置颜色呢。

我现在的代码是在网上找的直接在行内标签上设置，我想设置到<head>中去

还有请老师帮我看看，这个代码哪里需要改进一下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
           /*样式添加*/
           div{border:solid 1px gray;width:100%;}
           p.one{color:green;}
           a{color:#009;text-decoration:none;}
           hr{width:95%;}
           p{line-height:1.5em;}
           
        </style>
    </head>
    <body>
          <!-- 写出h内容 -->
          <div>
              <p class="one">
                  <span>大话西游之大圣娶亲的影评
                  </span>
                  <br/>
                  <a href="#">热门/最新/好友</a>
                  
              </p>
              <hr/>
               <p>
                  <a href="#">罗红霉素</a><span><font color="orange">★★★★★</font></span>
                  2010-07-26
                  <br/>
                  有人跟我比赛背台词么
                  <br/>
                  阅读：1615&nbsp<a href="#">有用</a>
               </p>
               <hr/>
               <p>
                  <a href="#">十七只猫和鱼</a><span><font color="orange">★★★★★</font></span>
                  2010-07-26
                  <br/>
                  有人跟我比赛背台词么
                  <br/>
                  阅读：1615&nbsp<a href="#">有用</a>
               </p>
               <hr/>
               <p>
                  <a href="#">暖亲男</a><span><font color="orange">★★★★★</font></span>
                  2010-07-26
                  <br/>
                  一定有一些电影，永远都不能被超越
                  <br/>
                  阅读：498&nbsp<a href="#">有用</a>
               </p>
          </div>
    </body>
</html>

写回答

2回答

不想做设计的设计师

提问者

2017-06-25

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
           /*样式添加*/
           div{border:solid 1px gray;width:100%;}
           p.one{color:green;}
           a{color:#009;text-decoration:none;}
           hr{width:95%;}
           p{line-height:1.5em;}
           font{color="orange"}
           
        </style>
    </head>
    <body>
          <!-- 写出h内容 -->
          <div>
              <p class="one">
                  <span>大话西游之大圣娶亲的影评
                  </span>
                  <br/>
                  <a href="#">热门/最新/好友</a>
                  
              </p>
              <hr/>
               <p>
                  <a href="#">罗红霉素</a><span><font >★★★★★</font></span>
                  2010-07-26
                  <br/>
                  有人跟我比赛背台词么
                  <br/>
                  阅读：1615&nbsp<a href="#">有用</a>
               </p>
               <hr/>
               <p>
                  <a href="#">十七只猫和鱼</a><span><font color="orange">★★★★★</font></span>
                  2010-07-26
                  <br/>
                  有人跟我比赛背台词么
                  <br/>
                  阅读：1615&nbsp<a href="#">有用</a>
               </p>
               <hr/>
               <p>
                  <a href="#">暖亲男</a><span><font color="orange">★★★★★</font></span>
                  2010-07-26
                  <br/>
                  一定有一些电影，永远都不能被超越
                  <br/>
                  阅读：498&nbsp<a href="#">有用</a>
               </p>
          </div>
    </body>
</html>

我把第一个五角星旁边的font标签的样式去掉了，照你的写在<head>标签里面，但是并没有应用效果

怎么都被占用了呢

2017-06-25

将font标签的行内样式去掉，style中添加该代码。这样是你想要的效果吗。

0 学习 · 36712 问题

查看课程

相似问题

哪位大神帮忙看看我的五角星为什么颜色没有变化

回答 2

回答 1

颜色不是有rbga吗

回答 2

打开慕课网App查看更多内容