2016-02-04 79 views
-4

大膽的正常,斜體正常的工作,但下劃線 - 沒有工作?爲什麼?如何修改第一個示例與更改樣式參數。我不能刪除下劃線

<html> 
 
<head> 
 
<meta charset="UTF-8"> 
 
<style type="text/css"> 
 
vurgulu { 
 
    text-decoration: underline; 
 
    font-weight: bold; 
 
    font-style: italic; 
 
    font-size:40; 
 
} 
 
vurgusuz{ 
 
    text-decoration: none; 
 
    font-weight: normal; 
 
    font-style: normal; 
 
    font-size:40; 
 
} 
 

 
</style> 
 
</head> 
 
<body> 
 
Why output different? why first ex. zalimi underline?<br> 
 
<vurgulu>Zulmü alkışlayamam, <vurgusuz>zalimi</vurgusuz> asla sevemem;</vurgulu> 
 
<br> 
 
<vurgulu>Zulmü alkışlayamam, </vurgulu><vurgusuz>zalimi</vurgusuz><vurgulu> asla sevemem;</vurgulu> 
 
</body> 
 
</html>

回答

0

嘗試改變vurgusuzdisplay: inline-block

<html> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <style type="text/css"> 
 
    vurgulu { 
 
     text-decoration: underline; 
 
     font-weight: bold; 
 
     font-style: italic; 
 
     font-size: 40; 
 
    } 
 
    vurgusuz { 
 
     text-decoration: none; 
 
     font-weight: normal; 
 
     font-style: normal; 
 
     font-size: 40; 
 
     display: inline-block; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    Why output different? why first ex. zalimi underline? 
 
    <br> 
 
    <vurgulu>Zulmü alkışlayamam, 
 
    <vurgusuz>zalimi</vurgusuz>asla sevemem;</vurgulu> 
 
    <br> 
 
    <vurgulu>Zulmü alkışlayamam,</vurgulu> 
 
    <vurgusuz>zalimi</vurgusuz> 
 
    <vurgulu>asla sevemem;</vurgulu> 
 
</body> 
 

 
</html>