span背景色
㈠ 如何設置span中的顏色
直接給span加 style屬性 ,在裡面可以設置字體或者背景的顏色
㈡ CSS中的span標記加背景色不添加display:block怎麼控制高寬度
<style>
li{ list-style:none; text-align:left; height:24px; line-height:24px; margin:5px 0;}
span{ float:left; margin:0 5px; width:30px; text-align:center; background:url(23.jpg);}
</style>
<ul>
<li><span>1</span>999333333339</li>
<li><span>2</span>9999</li>
<li><span>3</span>9933399</li>
<li><span>…</span>99399</li>
<li><span>50</span>9333333333333999</li>
</ul>
一般排行榜也有個限度的吧,不要把問題太復雜化了, 數字讓它居中對齊好了,然後後面的文字就左對齊。span左浮動。
不要給span高,寬就好了, 設置li的高,li的高是多少span的高就是多少。為了不讓每行有背景的span 都連在一塊,可以對li設置margin。
㈢ Css如何設置span的背景顏色和背景圖片
<span style="background-color:#FF0000">背景顏色</span>
㈣ 在Css中如何設置span的背景顏色和背景圖片
給span增加一個class,例如:
<span class="title">文字</span>
然後css里寫上:
.title { background: #000 url("背景圖片地址"); }
㈤ 怎樣使用hovor讓div下的文本和span標簽的背景色同時改變
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>安下-div和span演示</title> <metahttp-equiv="Content-Type" content="text/html;charset=gb2312"/> <styletype="text/css"> <!- .box{ background-color:#EEFAFF; width:30%; float:left; } .boxhead{ font-size:14px; font-weight:bold; background-color:#AEC6FD; text-align:center; width:100%; color:#FFFFFF; } --> </style> </head> <body> <divclass="box"> <divclass="boxhead">我在div內,類為boxhead</div> <p>我在div內</p> <p>我在div內</p> <p>我在div內</p> <p>我在div內</p> </div> </body> </html>
上述例子中,首先在頁面內定義了一個class為box的div,在它的內部又定義了一個class為boxhead的div。
box屬性:width: 30%;表示這個box div占整個頁面寬度的30%,而浮動屬性float: left; 則表示box div浮動在頁面的左側。
boxhead屬性:width: 100%;由於boxhead div在box div之內,那麼這里的100%是指box的寬度。
行級標簽<span>(行內標簽)
修改上個例子中的第一個「<p>我在div內</p>」,修改後的代碼如下:
<p><spanstyle="color:red">我在div內,也在span內,</span>屬性為box。</p>
㈥ js怎樣獲取span的背景色
<spanid="s">新年好</span>
<script>
vartarget=document.getElementById('s');
target.onclick=function(){
//這里相當於是給s添加了一個自定義的屬性
if(target.currentColor=='g'){
target.currentColor='r';
target.style.background='red';
}else{
target.currentColor='g';
target.style.background='gray';
}
}
</script>
㈦ 如何設置span和div的邊框和背景色
1、設置邊框和背景色需要使用css的border和background屬性。具體的用法是,首先打開html編輯器,在空白的html文件中,新建一個div和span標簽,並在上方head里設置style標簽:
㈧ 為什麼我設置的span標簽背景顏色顯示不了
我給 span這個標簽設置寬度、高度、背景顏色、上下邊距等這些基本樣式...2、 span元素和其他元素是在同一行顯示(不換行) 如,一個網站有若干個
㈨ 在Css中如何設置span的背景顏色和背景圖片
背景顏色 background-color:#顏色代碼; 例如:background-color:#ff0000;
背景圖片 background-image:url(圖片路徑名字); 例如:background-image:url(/images/123.gif);
㈩ 如何將div和span的背景設成透明
樣式表裡設置一下。
<style type=text/css>
.bg {FILTER: Alpha(Opacity=50)}
</style>
50是透明度
然後引用樣式表
如<div class="bg">
<span class="bg">
<img src="images_url.gif" class="bg">