哪个高手帮忙用css+div把字体弄到圆圈去啊！其他方法也可以的。求助啊！没有财富了所以求帮忙！

html-css015

哪个高手帮忙用css+div把字体弄到圆圈去啊！其他方法也可以的。求助啊！没有财富了所以求帮忙！,第1张

很多方法，给你几个常用的

1、圆圈设为div背景，然后把这个div设置padding值来控制文字的位置

2、圆圈设为div背景，然后固定高度和宽度并设置 text-align:center再设置文字的行高line-height:与div的高度一样即可

3、圆圈设为div背景，在div内插入span或者a或者其他标签，设置margin属性控制位置；

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<style type="text/css">

.redcircle {undefined

position: absolute

margin: 52px 45px

width: 12px

height: 12px

background: #FF0000

border-radius: 50%

border: 1px solid #FF6347

}

.greencircle {undefined

position: absolute

margin: 52px 45px

width: 12px

height: 12px

background: #228B22

border-radius: 50%

border: 1px solid #3CB371

}

</html>

css圆形按键下方有字可以带提示信息div。步骤如下：

1、新建html文档。

2、书写hmtl代码。

3、书写css公用样式表代码。

4、书写css代码。代码整体结构。

6、查看效果。