需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。
專注于為中小企業(yè)提供做網(wǎng)站、網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)巴林右旗免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了成百上千企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
1、首先,打開(kāi)html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標(biāo)簽中,輸入css代碼:button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)顯示出了藍(lán)色背景顏色的按鈕。
4、將鼠標(biāo)移入按鈕,此時(shí)按鈕的背景顏色變成了橙色。
1、首先新建一個(gè)html文件,命名為test.html,在test.html文件內(nèi),使用table標(biāo)簽創(chuàng)建一個(gè)表格,用于測(cè)試。
2、在test.html文件內(nèi),設(shè)置table標(biāo)簽的class屬性為mytable,同時(shí)設(shè)置邊框?yàn)?px。
3、接著在css標(biāo)簽內(nèi),通過(guò)class設(shè)置表格的樣式,定義它的寬度為300px,高度為200px。
4、在css標(biāo)簽內(nèi),通過(guò)td元素名稱和“:hover”選擇器定義當(dāng)鼠標(biāo)指向單元格時(shí),改變單元格的背景顏色,設(shè)置為紅色。
5、最后在瀏覽器打開(kāi)test.html文件,鼠標(biāo)經(jīng)過(guò)之后,即可變色。
1、新建一個(gè)html文件,命名為test.html。
2、在test.html文件內(nèi),使用font標(biāo)簽創(chuàng)建三行文字,分別用不同的方法給font字體設(shè)置顏色。
3、在test.html文件內(nèi),直接在font標(biāo)簽上,通過(guò)color屬性來(lái)設(shè)置字體的顏色。例如,設(shè)置font字體的顏色為紅色。
4、在test.html文件內(nèi),設(shè)置font標(biāo)簽的class屬性為myclass,主要用于下面通過(guò)該class來(lái)設(shè)置css樣式。
5、在test.html文件內(nèi),設(shè)置font標(biāo)簽的id屬性為myid,主要用于下面通過(guò)該id來(lái)設(shè)置css樣式。
6、在css標(biāo)簽中,設(shè)置類名為myclass的樣式,例如,設(shè)置color屬性為藍(lán)色(blue);設(shè)置id為myid的樣式,例如,設(shè)置color屬性為粉紅色(pink)。
7、在瀏覽器打開(kāi)test.html文件,查看實(shí)現(xiàn)的效果。