需要準備的材料分別有:電腦、瀏覽器、html編輯器。
專注于為中小企業提供做網站、網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業巴林右旗免費做網站提供優質的服務。我們立足成都,凝聚了一批互聯網行業人才,有力地推動了成百上千企業的穩健成長,幫助中小企業通過網站建設實現規模擴充和轉變。
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標簽中,輸入css代碼:button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、瀏覽器運行index.html頁面,此時顯示出了藍色背景顏色的按鈕。
4、將鼠標移入按鈕,此時按鈕的背景顏色變成了橙色。
1、首先新建一個html文件,命名為test.html,在test.html文件內,使用table標簽創建一個表格,用于測試。
2、在test.html文件內,設置table標簽的class屬性為mytable,同時設置邊框為1px。
3、接著在css標簽內,通過class設置表格的樣式,定義它的寬度為300px,高度為200px。
4、在css標簽內,通過td元素名稱和“:hover”選擇器定義當鼠標指向單元格時,改變單元格的背景顏色,設置為紅色。
5、最后在瀏覽器打開test.html文件,鼠標經過之后,即可變色。
1、新建一個html文件,命名為test.html。
2、在test.html文件內,使用font標簽創建三行文字,分別用不同的方法給font字體設置顏色。
3、在test.html文件內,直接在font標簽上,通過color屬性來設置字體的顏色。例如,設置font字體的顏色為紅色。
4、在test.html文件內,設置font標簽的class屬性為myclass,主要用于下面通過該class來設置css樣式。
5、在test.html文件內,設置font標簽的id屬性為myid,主要用于下面通過該id來設置css樣式。
6、在css標簽中,設置類名為myclass的樣式,例如,設置color屬性為藍色(blue);設置id為myid的樣式,例如,設置color屬性為粉紅色(pink)。
7、在瀏覽器打開test.html文件,查看實現的效果。
當前標題:css樣式變色,css樣式漸變色
URL地址:http://vcdvsql.cn/article24/dsdgdje.html
成都網站建設公司_創新互聯,為您提供關鍵詞優化、網站設計、用戶體驗、網站維護、營銷型網站建設、外貿網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯