Rumah >hujung hadapan web >html tutorial >CSS定义DIV圆角边框_html/css_WEB-ITnose

CSS定义DIV圆角边框_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 12:30:071205semak imbas

用CSS样式,比js好

有的浏览器会禁止执行脚本,那样就无效了

CSS就不会

css圆角效果

div.RoundedCorner{background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #FFFFFF}

b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn