1、設置使用內聯(lián)樣式??
3、設置(//ω//)使用外部樣式表
1. 使用內聯(lián)樣式
在HTML元素中直接添加stヾ(?■_■)ノyle屬性,設置設置borderradius為50%即可實(shí)現圓(′Д` )形效果,圓心這種方法適用于單個(gè)元素。設置
<div style="width: 100px; height: 100px; backgroundcolor: red; borderradius: 50%;"></div>
2. 使用內部樣式表
在HTML文檔的圓心<head>標??簽內添加<style>??;標簽,編寫(xiě)CSS樣式,設置這種方法適用于多個(gè)元素。圓心
&l(′▽?zhuān)?t;!DOCTYPE html><html??><head><stylヾ(′ω`)?e>.circl(╬?益?)e { width: 100px; height: 100px; backgroundcolor: red; borderradius: 50%;}┐(′ー`)┌</style></head><body><div class=(′?_?`)"circle&( ?ω?)quot;><??;/div(?????)></body></html>3. 使用外部樣式表
將??CSS樣式寫(xiě)在一個(gè)單獨的設置文件中,然后在HTML文檔中使用<link>標簽引入,圓心這種方法適用于多個(gè)頁(yè)面共享相同的設置樣式。
首先創(chuàng )建一個(gè)名為style.css的文件,內容如下:
.circle { width: 100px; height: 100px; backgroundcolor: red; borderradius: 50%;}在HTML文檔的<head>標簽內添加<link>標簽引入外部樣式表:
<!DOCTYPE html><html><head><link rel="stylesheet" href="style.css"></head><body><div cl(′▽?zhuān)?)ass="circle"></div></body></html??>