您的位置：首頁洛壹視點網(wǎng)站開發(fā)技術(shù) css制作扇形

css制作扇形

發(fā)表日期：2022-03-07 18:48:43 文章編輯：洛壹網(wǎng)絡(luò) 文章來源：網(wǎng)站制作要求

css制作扇形：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CSS制作扇形</title>
    <style>
        .box{
            width: 300px;
            height: 300px;
            background-color: red;
        }
        .box1{
            width: 200px;
            height: 200px;
            /* //倒圓角，依次上，右，下，左 */
            /* 設(shè)置像素或者百分比值來制作扇形 */
            border-radius: 50% 0 0 ;
            background-color: #fff;
        }
    </style>
</head>
<body>
   <div class="box">
       <div class="box1"></div>
   </div>
</body>
</html>

制作后的效果：

css制作扇形

本文鏈接：http://jmtianhui.com/news/details-12-855.html

版權(quán)聲明：

1：本站所有內(nèi)容均由互聯(lián)網(wǎng)收集整理、上傳，并且以計算機技術(shù)研究交流為目的，僅供大家參考、學(xué)習(xí)，不存在任何商業(yè)目的與商業(yè)用途，如描述有誤或者學(xué)術(shù)不對之處歡迎及時提出，不甚感謝。

2、如涉及版權(quán)問題，請聯(lián)系我們4724325@qq.com第一時間處理；

上一篇：用JS的正則表達式如何判斷輸入框內(nèi)為中文或者是英文數(shù)字，或者是三者混編

下一篇：純CSS3文字Loading動畫特效

相關(guān)內(nèi)容

最新簽約公司新聞網(wǎng)站開發(fā)技術(shù) 網(wǎng)站建設(shè)知識網(wǎng)站SEO優(yōu)化網(wǎng)站設(shè)計視覺小程序行業(yè)資訊

純靜態(tài)和偽靜態(tài)的區(qū)別？

我們從以下三個方面，對比純靜態(tài)和偽靜態(tài)兩種靜態(tài)頁面生成方式，逐一展開分析。

用JS的正則表達式如何判斷輸入框內(nèi)為中文或者是英文數(shù)字，或者是三者混編

純CSS3文字Loading動畫特效

PhpStorm 2022.1 EAP＃3 發(fā)布：增強多行和嵌套數(shù)組形狀

PhpStorm 2022.1 EAP 3 在 PHPDoc 和屬性中添加了對多行和嵌套數(shù)組形狀的完全支持：在這種情況下，可以使用數(shù)組形狀注釋定義數(shù)組結(jié)構(gòu)，以獲得鍵的代碼補全并推斷值的類型。

2022年P(guān)HP的現(xiàn)狀以及最新版本帶來的特性

PHP作為Web界第一大語言近年來熱度不夠，但是這幾年的進步和成長卻沒有中斷。在2022伊始，我們來一起學(xué)習(xí)一下目前PHP的現(xiàn)狀以及最新版本帶來的特性。

網(wǎng)站開發(fā)技術(shù)分享：Linux程序前臺后臺切換詳解

Linux程序前臺后臺切換：在Linux終端運行命令的時候，在命令末尾加上 & 符號，就可以讓程序在后臺運行Ubuntu$">root@Ubuntu$ ./tcpserv01 &

如何分辨python換行符，Python換行符的多行模式

Python 的正則表達式支持多行模式，將每行文字分別匹配。然而各種操作系統(tǒng)里，換行符的表示法各不相同，會導(dǎo)致 Python 不能正確使用多行模式。

影響整個網(wǎng)頁的成敗，F(xiàn)lex彈性布局介紹

彈性布局，又稱“Flex布局”，是由W3C老大哥于2009年推出的一種布局方式?？梢院啽?、完整、響應(yīng)式地實現(xiàn)各種頁面布局。而且已經(jīng)得到所有主流瀏覽器的支持，我們可以放心大膽的使用。