js를 사용하여 임의의 둥근 모서리를 생성합니다. 다음 단계는 직각 모따기, 외부에 필렛 모따기, 외부에 외부 모따기 및 초점이 되는 테두리 처리, 그림자 생성 및 연화 처리를 추가하는 것입니다. 앞으로는 어려울 것 같아요 <div id="modul"> <div id="contentbox"> <div id="content" style="margin:40px;">중국 공학 산업의 기본 사람들은 여전히 \u200b\u200b길을 잃었습니다. 학자 관료들은 체스를 장악하기 위해 온갖 트릭을 사용합니다. 나는 믿고 싶지 않습니다. 체스를 잡을 수 있는 도구를 만들고, 학자들은 체스를 잡을 수 있는 온갖 트릭을 가지고 있고, 그 중 일부는 테스트하고 싶지 않습니다. 체스 게임은 패턴, 성형된 무기, 체스 조각으로 가득 차 있습니다</div> </div> </div> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ] makeroalj("modul","contentbox",60,400); function makeroalj(modulid,contentid,r,width){ this.setr=r; var yj=document.getElementById(modulid); yj.style.position="relative"; yj.style.width=width?width+"px":"100%"; yj.style.overflow="hidden"; var contentbox=document.getElementById(contentid); contentbox.style.position="absolute"; for(y=this.setr;y>=1;y--){ var l=document.createElement("div"); setstyle(l,y); yj.appendChild(l); } var box=document.createElement("div"); box.style.backgroundColor="#FFCC00"; yj.appendChild(box); for(y=1;y<=this.setr;y++){ var l=document.createElement("div"); setstyle(l,y); yj.appendChild(l); } box.style.height=(contentbox.clientHeight-this.setr*2)+"px"; //设置样式 function setstyle(obj,y){ l.innerHTML=" "; l.style.height="1px"; l.style.overflow="hidden"; l.style.backgroundColor="#FFCC00"; l.style.margin="0 "+(this.setr-Math.floor(Math.sqrt(this.setr*this.setr-y*y)))+"px"; } }
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
