0

リンクの一部の色付けに小さな問題があります。リンク全体を模様で彩色している​​のですが、最初の部分を別の模様で彩色してほしいです。

これが私のhtmlです

<div id="header-wrap">
        <div id="header">
            <nav>
           <ul>
                    <li id="mig"><a href="#mig">#Om mig</a></li>    
                    <li id="portfolio"><a href="#portfolio">#Portfolio</a></li>
                    <li id="kontakt"><a href="#kontakt">#Kontakt</a></li>
                </ul>
        </nav>
        </div>
    </div>

別のパターンで埋めたいのは、残りのテキストの前にある「#」です。

これが私のcssです：

#header nav li {
display: inline;
font-family: 'BebasNeueRegular';
color: white;  /* Fallback: assume this color ON TOP of image */
background: url(../img/debut_light.png) repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

nav #hjem {
margin-right: 530px;
}

nav #mig {
margin-right: 50px;
}

nav #portfolio {
margin-right: 50px;
} 

nav #kontakt {

}
4

1 に答える 1

0

ハッシュ # を span タグで囲む

HTML

<a href="#"><span>#</span>Portfolio</a>

CSS

a span{
    color:black;
 }
于 2012-11-24T17:45:04.207 に答える